扫描二维码查看 H5 演示效果
扫描二维码查看演示效果
taro-ui, 非 taro-ui-vue3
Noticebar 通告栏
用于展示一行或多行通告文字。
使用指南
在 Taro 文件中引入组件
import { AtNoticebar } from 'taro-ui-vue3'
组件依赖的样式文件（仅按需引用时需要）
@import "taro-ui-vue3/dist/style/components/noticebar.scss";
一般用法
<AtNoticebar>这是 NoticeBar 通告栏</AtNoticebar>
文字滚动
<AtNoticebar marquee>
这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏
</AtNoticebar>
带图标
<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 | 点击”查看更多“时触发 | - |