buuing / lucky-canvas

🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr 调整清晰度适配移动端
https://100px.net
Apache License 2.0
7.66k stars 928 forks source link

原生微信小程序老虎机基础例子prizes中的数据全部不展示,切无报错 #481

Open 1098345576 opened 5 months ago

1098345576 commented 5 months ago

/

Page({

    /**
     * 页面的初始数据
     */
    data: {
        blocks: [
            { padding: '10px', background: '#869cfa' },
            { padding: '10px', background: '#e9e8fe' },
        ],
        slots: [
            { order: [0, 1, 2] },
            { order: [2, 0, 1] },
            { order: [1, 2, 0] },
        ],
        prizes: [
            {
                background: '#bac5ee',
                borderRadius: '0px',
            },
            {
                background: '#bac5ee',
                borderRadius: '20px',
            },
            {
                background: '#bac5ee',
                borderRadius: Infinity,
            }
        ],
        defaultConfig: {
            rowSpacing: '10px',
            colSpacing: '10px'
        },
    },

<view>
  <slotMachine
    id="slot-machine"
    width="600rpx"
    height="600rpx"
    blocks="{{blocks}}"
    prizes="{{prizes}}"
    bindstart="start"
    bindend="end"
  />

</view>
![企业微信截图_17141007983503](https://github.com/buuing/lucky-canvas/assets/37390969/74a5e319-79d9-4e96-b8cf-761f7c49c100)

![企业微信截图_17141008357950](https://github.com/buuing/lucky-canvas/assets/37390969/ebc46729-bda1-45e4-b699-f617fac8bdfc)

// 代码开始, 别再放歪了行吗

// 代码结束