Press Plus

# ActModifyPhoneDialog 修改手机弹窗

# 引入

import PressActModifyPhoneDialog from '@tencent/press-plus/press-act-modify-phone-dialog/press-act-modify-phone-dialog';

export default {
  components: {
    PressActModifyPhoneDialog,
  }
}

# 代码演示

# 基础用法

<PressActModifyPhoneDialog
  :show.sync="show"
  :is-disable-get-code="isDisableGetCode"
  @clickButton="clickButton"
  @clickGetCodeButton="clickGetCodeButton"
/>

export default {
  data() {
    return {
      show: true,
      isDisableGetCode: false,
    };
  },

  mounted() {
  },
  methods: {
    clickButton() {
      this.onGTip('[clickButton]');
    },
    clickGetCodeButton() {
      this.onGTip('[clickGetCodeButton]');
    },
  },
}

# API

# Props

参数 说明 类型 默认值
show 是否显示弹窗 boolean false
phone 电话号码 String ``
code 验证码 String ``
title 弹窗标题 String 修改手机号
is-disable-get-code 是否获取验证码 boolean false
get-code-text 获取验证码文案描述 String 获取验证码
use-tip-class 是否使用 tip-comp 为前缀的类名 boolean false
hide-tip-style 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 boolean false

# Events

事件名 说明 回调参数
clickCloseButton 点击关闭按钮 -
clickButton 点击主按钮
clickGetCodeButton 点击获取验证码

# Inject

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

# 自定义样式

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

← ActNotAchievedDialog →