更新记录
2.0(2020-12-22)
重新优化代码,修复BUG
1.3(2020-07-30)
1.新增concat参数, 用于动态增加数据
2.新增finish事件, 动画结束通知
3.修复nvue执行延迟问题
1.2(2020-07-21)
适配支持nvue
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
Pengpai-FadeInOut 淡入淡出消息组件
自已使用的组件, 百度没找到相关案例, 就自已做了一个, 觉得应该能帮助到大家, 由于是前端小白所以CSS摘取了ColorUI的部分代码, 感谢大神!有问题加我的QQ互相交流学习!
QQ37361062
参数说明
参数 |
类型 |
默认值 |
必选 |
描述 |
duration |
Number |
2600 |
否 |
持续时间(毫秒) |
wait |
Number |
3000 |
否 |
停留时间(毫秒) |
top |
Number |
350 |
否 |
顶部距离(px) |
left |
Number |
10 |
否 |
左边距离(px) |
radius |
Number |
30 |
否 |
动画半径(px) |
info |
Array/Object |
[] |
是 |
播放数据 |
info格式参考
{
title: '踮起脚尖走向阳光 刚刚浏览本店',
img: 'https://wx.qlogo.cn/mmopen/vi_32/DYAIOgq83er0aq5WuQhWxXcQoQbSnSPywUheQrot5biaFxV47nF2OB0aegkH12q2A6VkGUBDfUVqiaqgzVCJJicDg/132'
}
追加数据
//追加一条数据
this.list = this.list.concat(list);