noticebar.md

Noticebar 通告栏

---

用于展示一行或多行通告文字。

使用指南

在 Taro 文件中引入组件

import { AtNoticebar } from 'taro-ui-vue3'

组件依赖的样式文件（仅按需引用时需要）

@import "taro-ui-vue3/dist/style/components/noticebar.scss";

一般用法

<AtNoticebar>清对浊，苦对咸。一启对三缄。</AtNoticebar>

文字滚动

<AtNoticebar marquee>
  清对浊，苦对咸。一启对三缄。烟蓑对雨笠，月榜对风帆。
</AtNoticebar>

带图标

<AtNoticebar icon='volume-plus'>
  清对浊，苦对咸。一启对三缄。烟蓑对雨笠，月榜对风帆。
</AtNoticebar>

Noticebar 参数

参数	说明	类型	可选值	默认值
close	是否需要关闭按钮	Boolean	-	false
single	内容是否单行	Boolean	-	false
marquee	内容是否滚动（内容只能单行）	Boolean	-	false
speed	内容滚动速度 （默认速度100px/秒）	Number	-	100
showMore	“查看更多”是否显示（内容只能单行）	Boolean	-	false
moreText	“查看更多”链接文本	String	-	查看详情
icon	内容前的icon图标	String	参考icon组件	-

Noticebar 事件

事件名称	说明	返回参数
onClose	关闭时触发	-
onGotoMore	点击”查看更多“时触发	-