更新记录

v1.0.1(2022-01-11) 下载此版本

修复中奖下标问题

v1.0.0(2022-01-10) 下载此版本

初次提交


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.7 app-vue app-nvue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × ×

参数

参数 类型 默认值 是否必填 使用说明
startText String 开始 中奖按钮文字
wIndex Number 0 中奖物品下标详细看第二张图
luckyList Array [] 抽奖物品列表

1.luckyList属性说明

名称 说明 是否必填
img 本地或网络地址
text 文字
... 可新增自己的数据

使用实例

<template>
  <view class="lucky">
    <i671-lucky
      ref="lucky"
      startText="开始"
      :wIndex="wIndex"
      :luckyList="list"
      @onReadyStart="onReadyStart"
      @lotteryData="getLotterData"></i671-lucky>
  </view>
</template>

<script>
  import i671Lucky from '@/components/i671-lucky/i671-lucky.vue'

  export default {
    data () {
      return {
        wIndex: 0,
        list: [
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone11'
          },
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone12'
          },
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone13'
          },
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone14'
          },
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone15'
          },
          {
            img: '/static/i671-lucky/apple.png',
            text: 'iphone16'
          }
        ]
      }
    },
    components: {
      i671Lucky
    },
    methods: {
      // 开始转动
      onReadyStart () {
        // 后台处理获得开奖数据
        this.wIndex = 2
        // this.$refs.lucky.o n S t a r t() 
        this.$refs.lucky.onStart() // 官方大大把这个过滤掉了o.n.S.t.a.r.t()
      },

      // 获取停止转动时数据
      getLotterData (data) {
        console.log(data)
      }
    }
  }
</script>

<style>
  .lucky {
    padding: 30rpx;
  }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问