ActNotAchievedDialog 领取失败弹窗

# ActNotAchievedDialog 领取失败弹窗

# 引入

import PressActNotAchievedDialog from '@tencent/press-plus/press-act-not-achieved-dialog/press-act-not-achieved-dialog';

export default {
  components: {
    PressActNotAchievedDialog,
  }
}

# 代码演示

# 基础用法

<PressActNotAchievedDialog
  :show.sync="show"
  :props-data="MOCK_DATA"
/>

const MOCK_DATA = {
  userinfo: '科兴小刚炮QQ1区-绚烂刀锋',
  desc: '今日累计杀敌80人',
  process_desc: '任务完成进度', // 和平特殊处理任务完成进度

  targetarchive: 8,
  targetdown: 80,

  btnText: '完成通知我',
  fieldid: 6,
};

export default {
  data() {
    return {
      MOCK_DATA,
    }
  }
}

# API

# Props

参数	说明	类型	默认值
show	是否展示弹窗	boolean	`false`
props-data	组件数据	Object	-
use-tip-class	是否使用 `tip-comp` 为前缀的类名	boolean	`false`
hide-tip-style	是否隐藏 `@TIP_STYLE_NAME` 关键词编译时加的样式	boolean	`false`

# Events

事件名	说明	回调参数
clickCloseButton	点击关闭
clickButton	点击主按钮

# Inject

参数	说明	类型	默认值
globalHideTipStyle	是否隐藏关键词编译的样式，对应 `hide-tip-style` 属性	boolean	`false`

# 类型说明

type IPropsData = {
  userinfo: string;
  desc: string;
  process_desc?: string; // 进度描述

  targetarchive?: string; // 已完成目标数
  targetdown?: number; // 总共的目标数

  fieldid?: number; // 6 为 和平特殊处理vip类型的任务
  btnText?: string;
}

# 自定义样式

外链地址：

样式内容：

横屏

← ActModifyPhoneDialog ActPromptDialog →