buuing / lucky-canvas

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

Home Page:https://100px.net

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

1098345576 opened this issue · comments

  • 你当前是什么框架(必填):原生微信小程序
  • 你使用的是哪个包(必填):"lucky-canvas/mini,
  • 你当前插件的版本(必填):"@lucky-canvas/mini": "0.0.7",
  • 当前环境是小程序还是浏览器(选填):小程序
  • 详细描述你的bug:原生微信小程序老虎机基础例子prizes中的数据全部不展示,切无报错。
    企业微信截图_17141008939798

/

  • 问题代码(重要):
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)








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

// 代码结束