NoticeBar通告栏

    引入

    在app.json或index.json中引入组件，默认为ES6版本

    1.       "usingComponents": {
    2.     "vtu-noticeBar": "/miniprogram_npm/vtuweapp/noticeBar/vtu-noticeBar"
    3. }
    4.

    代码演示

    通告栏

    1. <vtu-noticeBar type="info" content="为庆祝祖国70周年，公司决定，国庆节放假10天，望告知。"></vtu-noticeBar>
    2.

    可关闭

    1. <vtu-noticeBar type="error" icon="iconfont icon-biaoxing" showClose content="为庆祝祖国70周年，公司决定，国庆节放假10天，望告知。"></vtu-noticeBar>
    2.

    通告栏（滚动）

    1. <vtu-noticeBar type="success" label="公告:" scroll showClose content="为庆祝祖国70周年，公司决定，国庆节放假10天，望告知。"></vtu-noticeBar>
    2.

    通告栏（速度）

    1. <vtu-noticeBar type="success" speed="{{2}}" icon="iconfont icon-biaoxing" scroll showClose content="为庆祝祖国70周年，公司决定，国庆节放假10天，望告知。"></vtu-noticeBar>
    2.

    通告栏（纵向滚动）

    1. <vtu-noticeBar speed="{{1}}" img-src="/assets/image/notice.png" notice-list="{{list}}" direction="vertical" showClose bind:click="selectNotice"></vtu-noticeBar>
    2.

    组件参数

    NoticeBar 通告栏 - 图1