Press Plus

# ActTaskLotteryMain 幸运抽奖

# 引入

import PressActTaskLotteryMain from '@tencent/press-plus/press-act-task-lottery-main/press-act-task-lottery-main';

export default {
  components: {
    PressActTaskLotteryMain,
  }
}

# 代码演示

# 基础用法

<PressActTaskLotteryMain
  :prizeList="prizeList"
  :number="number"
  :disabledButton="disabledButton"
/>

const prizeList =  [{
  name: '亲密玫瑰',
  imgUrl: 'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2024/1/own_mike_b4dd7d92644d642238.png',
}];


export default {
  data() {
    return {
      prizeList,
    };
  },
  methods: {
    refresh() {
      this.onGTip('[refresh]');
    },
    play() {
      this.onGTip('[play]');
    },
  },
}

# API

# Props

参数 说明 类型 默认值
number 剩余抽奖次数 number 0
prize-list 奖励列表 array -
disabled-button 是否禁用抽奖 boolean false

# Events

事件名 说明 参数
refresh 点击刷新 -
play 点击抽奖 -

# 类型说明

type prizeList = Array<{
  name: string; // 名称
  imgUrl: string; // 图片
}>
横屏

← ActTaskLotterySub →