更新记录
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函数