更新记录
1.0(2025-08-02) 下载此版本
无
平台兼容性
uni-app(4.71)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
感谢
感谢 Bman 提供的 https://p.dcloud.net.cn/plugin?id=10184 基础红世插件
传参说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
money | String/Number | 88.0088 | 红包金额 |
options | Object | - | 参数配置对象,详情配置见下方 options 属性说明 |
options 属性详情
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
userImg | String | - | 用户头像 |
userName | String | AI Assist | 用户名称 |
coverTitle | String | Random Give you USDT | 红包封面标题 |
openTitle | String | Congratulations on receiving | 打开红包后的标题文本 |
openTips | String | Already stored in wallet and can be used directly | 打开红包后的提示文本 |
btnText | String | Check My Balance | 打开红包后的按钮文本 |
图片说明
1、我现在做的是金币雨,如需红包雨自行替换图片即可(建议图片最少4张)
示例代码
html
<award :money="money" :rbagmodelshow="isRegModel" :options="defConfig" @onOpenRedBag="onOpenRedBag" @onOpen="onOpen" @onConfirm="onConfirm"></award>
js
import award from '@/components/bsk-red-award/bsk-red-award'
export default {
components: {
award
},
data() {
return {
money: '19.8889',
isRegModel: false,
defConfig: {
btnText: "Confirm Receipt",
}
}
},
methods: {
createRandom() {
var min = 0;
var max = 66;
return (min + Math.random() * (max - min)).toFixed(5) + '';
},
onOpenRedBag() {
this.isShowModel = true;
},
onOpen() {
this.money = this.createRandom();
},
onConfirm(e) {
console.log("确认收款按钮事件");
}
}
}