Skip to content
一个vue打赏组件
Vue
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
icons
App.vue
Donate.vue
README.md
package-lock.json
package.json

README.md

# vue-donate 一个vue打赏组件

Demo

两种打赏方式

三种打赏方式

自定义背景图

Props

参数 类型 说明 参考
number Number 必填,打赏方式个数,个数只能为2、3、4 3
type String 必填,打赏菜单展开方向,六种,top,bottom,left,right,middle,middle-around,打赏方式个数为3时不能使用middle和middle-around "top"
animate String 展开样式动画,样式为animate.css中的动画,默认为“animate jello” "animated bounce"
wechatpayUrl String 微信收款码链接 "wxp://xxxxxxxxxx"
alipayUrl String 支付宝收款码链接 "HTTPS://QR.ALIPAY.COM/xxxxxxxxx"
qqpayUrl String QQ收款码链接 "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=xxxxxxxx"
paypalUrl String paypal收款链接,paypal的打赏方式为点击图标后跳转到paypal页面打赏 "https://paypal.me/xxxxxx"
colorDark String 二维码实点颜色,默认为黑色,设置二维码背景为图片时,该属性将失效 "#ff0000", "rgb(255, 0, 0)"

Thanks

You can’t perform that action at this time.