更新记录

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);

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问