• Noticebar 通告栏
    • 使用指南
    • 一般用法
    • 文字滚动
    • 带图标
    • Noticebar 参数
    • Noticebar 事件

    Noticebar 通告栏

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

    使用指南

    在 Taro 文件中引入组件

    :::demo

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

    :::

    一般用法

    :::demo

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

    :::

    文字滚动

    :::demo

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

    :::

    带图标

    :::demo

    1. <AtNoticebar icon='volume-plus'>
    2.   这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏
    3. </AtNoticebar>

    :::

    Noticebar 参数

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

    Noticebar 事件

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