Skip to content

uni-app 点赞冒泡效果,兼容nvue。

Notifications You must be signed in to change notification settings

sand1018/like-button

 
 

Repository files navigation

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

事件说明

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

End

About

uni-app 点赞冒泡效果,兼容nvue。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 68.6%
  • CSS 29.4%
  • JavaScript 2.0%