Press Plus

# ActTaskLotterySub 幸运抽奖任务

# 引入

import PressActTaskLotterySub from 'press-plus/press-act-task-lottery-sub/press-act-task-lottery-sub';

export default {
  components: {
    PressActTaskLotterySub,
  }
}

# 代码演示

# 基础用法

<PressActTaskLotterySub
  :task-list="taskList"
  @clickTaskButton="clickTaskButton"
  @clickTask="clickTask"
/>

const taskList = [{
  name: '观看比赛',
  description: '一次抽奖',
  disabled: true,
  buttonText: '已完成',
}, {
  name: '观看比赛',
  disabled: false,
  buttonText: '去完成',
}];


export default {
  data() {
    return {
      taskList,
    };
  },
  methods: {
    clickTaskButton(task) {
      this.onGTip('[clickTaskButton]');
      console.log('[clickTaskButton]', task);
    },
    clickTask(task) {
      this.onGTip('[clickTask]');
      console.log('[clickTask]', task);
    },
  },
}

# API

# Props

参数 说明 类型 默认值
task-list 任务列表 array -

# Events

事件名 说明 参数
clickTask 点击任务 task
clickTaskButton 点击任务按钮 task

# 类型说明

type taskList = Array<{
  name: string;
  description?: string; // 描述
  disabled?: boolean; // 是否禁用
  buttonText: string; // 按钮文案
}>

← ActTipDialog →