vue-donate

一个vue打赏组件

Github地址

https://github.com/BWmelon/vue-donate

Demo

两种打赏方式

三种打赏方式

自定义背景图

Props

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

Thanks

最后修改:2019 年 08 月 25 日 08 : 57 PM
如果觉得我的文章对你有用,请随意赞赏