更新记录
1.03(2021-08-02)
下载此版本
修复未在外层设置高度,组建不可见的bug
1.02(2021-08-02)
下载此版本
最近有重新搞起uni-app,发现此插件已经没用了,于是重做了此通告插件,适配了移动端,小程序,app以及nvue。
1.01(2019-09-19)
下载此版本
版本1.01
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.22 app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
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>