canvas制作刮刮卡
scrapingCard canvas刮刮卡
精彩就在uniapp插件市场
https://ext.dcloud.net.cn/plugin?id=7108
使用方法:
<scrapingCard :resultList="resultList" ref="reset" />
import scrapingCard from '../../components/piaoyi-cityPicker/pioayi-scrapingCard.vue'
export default {
components: {
scrapingCard
},
data() {
return {
resultList: {
type: Array,
default: () => [{
content: '特等奖',
probability: 0.05
},{
content: '一等奖',
probability: 0.1
},{
content: '二等奖',
probability: 0.2
},{
content: '三等奖',
probability: 0.3
}]
}
}
},
methods: {
//重置刮刮卡
reset () {
this.$refs.reset.init()
}
}
}
事件说明
事件名 | 返回值 | 描述 |
---|---|---|
reset | 无 | 使用ref调用组件init事件重置刮刮卡 |
Prop
参数名称 | 描述 |
---|---|
resultList | 类型是数组对象,probability是content内容出现的概率,content是刮刮卡的内容 |
所有程序员都是好编剧,所有计算机都是烂演员
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现