Press Plus

# ActTipDialog 活动提示弹窗

# 引入

import PressActTipDialog from '@tencent/press-plus/press-act-tip-dialog/press-act-tip-dialog';

export default {
  components: {
    PressActTipDialog,
  }
}

# 代码演示

# 基础用法

示例

<PressActTipDialog
  :show="show"
  :title="title"
  :message="message"
  :show-cancel-button="showCancelButton"
  :show-confirm-button="showConfirmButton"
  :cancel-button-text="cancelButtonText"
  :confirm-button-text="confirmButtonText"
  @confirm="confirm"
  @cancel="cancel"
/>

import PressActTipDialog from '@tencent/press-plus/press-act-tip-dialog/press-act-tip-dialog.vue';
export default {
  components: {
    PressActTipDialog,
  },
  data() {
    return {
      show: false,
      title: 'title',
      message: 'message',
      showCancelButton: true,
      showConfirmButton: true,
      cancelButtonText: 'cancel',
      confirmButtonText: 'confirm',
    };
  },
  methods: {
    cancel(show) {
      this.show = !show;
    },
    confirm(show) {
      this.show = !show;
    },
  }
};

# API

# Props

参数 说明 类型 默认值
show 是否显示弹窗 boolean false
title 标题 string 温馨提示
message 内容 string -
show-cancel-button 是否显示取消按钮 boolean true
show-confirm-button 是否显示确认按钮 boolean true
confirm-text 确认按钮文案 string 确定
cancel-text 取消按钮文案 string 取消
cancel 点击取消的事件 function null
confirm 点击确认的事件 function null

# Events

事件名 说明 参数
confirm 点击确认 show
cancel 点击取消 show

# 自定义样式

外链地址：
样式内容：
横屏

← ActAwardDialog →