更新记录

1.2.1(2023-07-25)

更新节流函数不执行导致DOM不会逐渐消失问题

1.2.0(2021-03-30)

!!!重要,修复APP动画突然消失BUG(使用动画缓存分阶段删除); nvue下使用list cell 解决MUI卡死BUG。

1.1.0(2020-12-03)

更新安卓下,动画图标突然全部消失BUG; 解决安卓性能卡死问题, 使用base64图片代替https内置图标-建议用showImgs替换。

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

like-button

使用方法:

script 中引用组件

import likeButton from '@/components/like-button/like-button.vue'
export default {
    components: {likeButton}
}

template 中引用组件

<like-button></like-button>

属性说明

属性名 类型 默认值 说明
src String /static/logo.png 点击按钮图片
showImgs Array ['//xxx', '/static/logo.png', ] 冒泡图片
duration Number 5000 动画效果时间
range Number 50 冒泡图片x轴摇摆幅度
high Number 360 冒泡图片y轴飘出高度
width Number 52 点赞图标宽度
height Number 52 点赞图标高度
imgWidth Number 52 冒泡图标宽度
imgHeight Number 52 冒泡图标高度
throttle Number 200 点击按钮 节流
site Array,Object [30, 160] 冒泡图片相对窗口x y坐标
large Number,Boolean false 缩放冒泡,为true默认放大2
alone Boolean true 1.0.9-新增, DOM元素逐渐消失

事件说明

事件名称 说明 返回值
handleClick 点击按钮触发事件 冒泡元素id
finished 动画执行完成回调 -

PS:使用定时器触发可用 this.$refs.likeButton.handleClick({timeStamp: Date.now()})。


End

隐私、权限声明

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

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

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

许可协议

MIT协议

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