更新记录

1.0.0（2023-07-22） 下载此版本

初版，后续完善

平台兼容性

引入组件

import xlRouletteAward from '@/components/xl-roulette-award/xl-roulette-award.vue'

注册组件

components: {
   xlRouletteAward
},

使用组件

<xl-roulette-award 
   :awardList="awardList"
   @change="checkResult">
</xl-roulette-award>

参数说明

awardList：抽奖数据（数组，最多8条）
@change：中奖回调

数据格式

awardList: [{
                  img: "https://img0.baidu.com/it/u=2519407572,2223561062&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333",
                  name: "苹果手机"
              }, {
                  img: "https://t7.baidu.com/it/u=1982789019,35627559&fm=193",
                  name: "谢谢参与"
              }, {
                  img: "http://t14.baidu.com/it/u=1605189678,204933079&fm=224&app=112&f=JPEG?w=500&h=500",
                  name: "苹果电脑"
              }, {
                  img: "https://img2.baidu.com/it/u=2425620576,2154275244&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=353",
                  name: "数码相机"
              }, {
                  img: "https://img2.baidu.com/it/u=4150931938,2850616800&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
                  name: "现金卷100"
              }, {
                  img: "https://t7.baidu.com/it/u=1982789019,35627559&fm=193",
                  name: "谢谢参与"
              }, {
                  img: "https://img2.baidu.com/it/u=964996089,1394681874&fm=253&fmt=auto&app=138&f=JPEG?w=736&h=348",
                  name: "格力空调"
              }, {
                  img: "https://img2.baidu.com/it/u=80136902,1397155519&fm=253&fmt=auto&app=138&f=JPEG?w=601&h=407",
                  name: "美的洗衣机"
              }]
``