更新记录
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替换。
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | 
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | √ | √ | - | - | - | 
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 | 
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | 
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()})。

 
                                                                     
                                                                                                                                                 收藏人数:
                                                                        收藏人数:
                                     https://github.com/lnice/like-button
                                                                                https://github.com/lnice/like-button
                                     下载插件并导入HBuilderX
                                                        下载插件并导入HBuilderX
                                                     下载示例项目ZIP
                                            下载示例项目ZIP
                                         赞赏(7)
                                        赞赏(7)
                                     
                                             下载 6313
 下载 6313
                 赞赏 5
 赞赏 5
                 
             
                     下载 10661018
                    下载 10661018 
                 赞赏 1797
                        赞赏 1797 
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
             
                     
                         赞赏
                                赞赏 
                                                                     
                                                                     
                                                                     
                                                                     
                                                                     
                                                                     
                                                             
             京公网安备:11010802035340号
京公网安备:11010802035340号