更新记录

2.1.0(2019-12-20)

解决查看更多进入子页面之后,返回导致滚动消息不可见问题

2.0.2(2019-12-20)

修复数据更新监听问题,优化滚动问题

2.0.1(2019-12-18)

去掉无用js函数调用, 进一步优化滚动效果

查看更多

平台兼容性

AnNoticeBar

引入组件:


import AnNoticeBar from '@/components/an-notice-bar/an-notice-bar.vue'

export default {
    components:{
        AnNoticeBar
    },
}

使用组件

<an-notice-bar :text="noticeMsg"></an-notice-bar>

//哪里使用放哪里

属性

属性名 类型 默认值 说明 平台差异说明
text String 暂无消息 消息集合,多条消息之间用‘|’隔开
color String #de8c17 文字颜色
bgColor String #fffbe8 整个横条的背景色
switchTime Number 5 每条消息切换时间
showSerial Boolean true 是否显示序号

事件

事件名 说明 平台差异说明
more 点击查看更多的时候触发

1.0.0

上下滚动动画的通知栏组件

2.0.0

全新更换底层滑动策略,使用官方swiper进行完成动画滑动,使其动画更加流畅

2.0.1

去掉无用js函数

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问