更新记录
1.03(2021-08-02) 下载此版本
修复未在外层设置高度,组建不可见的bug
1.02(2021-08-02) 下载此版本
最近有重新搞起uni-app,发现此插件已经没用了,于是重做了此通告插件,适配了移动端,小程序,app以及nvue。
1.01(2019-09-19) 下载此版本
版本1.01
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
props说明
字段 | 类型 | 默认值 | 描述 |
---|---|---|---|
text | Array | [] | 公告数组 |
fontSize | String | 24 | 字体大小,单位是rpx |
fontColor | String | #333333 | 字体颜色 |
duration | String | 0 | 公告动画持续时间,单位ms,若不设置,则按速度和文本长度自动计算 |
delay | String | 0 | 公告动画延迟开始时间,单位ms |
txtPadding | String | 30 | 每条公告之间的间距,单位rpx |
speed | String | 200 | 公告动画速度,若设置duration则无效 |
注意事项
nvue的开发模式设置成uni-app,即 "nvueStyleCompiler" : "uni-app"。
使用案例
<yxp-txt-scroll :text="text" fontSize="28" duration="4000" delay="500" txtPadding="100"></yxp-txt-scroll>