Noticebar 通告栏

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

使用指南

在 Taro 文件中引入组件

  1. import { AtNoticebar } from 'taro-ui'

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

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

一般用法

  1. <AtNoticebar>这是 NoticeBar 通告栏</AtNoticebar>

文字滚动

  1. <AtNoticebar marquee>
      这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏
    </AtNoticebar>

带图标

  1. <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点击”查看更多“时触发-

Noticebar通告栏 - 图1