Skip to content

Noticebar 通告栏


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

使用指南

在 Taro 文件中引入组件

js
import { AtNoticebar } from 'taro-ui'

组件依赖的样式文件(仅按需引用时需要)

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

一般用法

html
<AtNoticebar>这是 NoticeBar 通告栏</AtNoticebar>

文字滚动

html
<AtNoticebar marquee>
  这是 NoticeBar 通告栏,这是 NoticeBar 通告栏,这是 NoticeBar 通告栏
</AtNoticebar>

带图标

html
<AtNoticebar icon='volume-plus'>
  这是 NoticeBar 通告栏,这是 NoticeBar 通告栏,这是 NoticeBar 通告栏
</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点击”查看更多“时触发-

Released under the MIT License.