更新记录
2.0(2020-12-22) 下载此版本
重新优化代码,修复BUG
1.3(2020-07-30) 下载此版本
1.新增concat参数, 用于动态增加数据 2.新增finish事件, 动画结束通知 3.修复nvue执行延迟问题
1.2(2020-07-21) 下载此版本
适配支持nvue
查看更多平台兼容性
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);