更新记录

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的部分代码, 感谢大神!有问题加***Q互相交流学习!

***

参数说明

参数 类型 默认值 必选 描述
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);

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议