大转盘抽奖 luckywheel

最新推荐文章于 2024-04-14 09:53:10 发布

冥想的声音

最新推荐文章于 2024-04-14 09:53:10 发布

阅读量691

点赞数

分类专栏：前端 vue js 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/qq_28134589/article/details/128065953

版权

前端同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

vue

10 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

参考 luckywheel官网
背景 - blocks
转盘的背景是可以多层级的我这里使用了3层

      blocks: [
        {
          padding: '50px',
          imgs: [
            {
              src: require('/src/assets/images/prize/bg1.png'),
              width: '100%',
              height: '100%',
              top: '4px',
              left: '-13px'
            }
          ]
        },
        {
          padding: '20px',
          imgs: [
            {
              src: require('/src/assets/images/prize/bg2.png'),
              width: '100%',
              rotate: true
            }
          ]
        },
        {
          imgs: [
            {
              src: require('/src/assets/images/prize/zhizhen.png'),
              width: '22px',
              height: '45px',
              top: '-45px'
            }
          ]
        }
      ],