更新记录

1.0.0（2026-05-15） 下载此版本

用于加密内容验证后的展示。使用手机号或邮箱证码。使用简单，支持自定义：1. 加密后的内容；2. 确认时的回调；3. 取消时的回调；4. 发送验证码对接。支持H5、小程序、android、ios。

平台兼容性

uni-app(5.04)

加密信息展示 layne-show-encrypt3

用于加密内容验证后的展示。使用手机号或邮箱证码。使用简单，支持自定义：1. 加密后的内容；2. 确认时的回调；3. 取消时的回调；4. 发送验证码对接。支持H5、小程序、android、ios。

使用简单 自定义加密内容 手机号验证 邮箱验证

API

Prop

Event

使用说明

vue3示例

    <layne-show-encrypt
    ref="layneShowEncrypt"
    :countDown="30"
    @confirm="doConfirm"
    @close="doClose"
    @setCode="setCode"
    >******</layne-show-encrypt>

js部分

  const layneShowEncrypt = ref();
  // layne-show-encrypt
  const doClose = (e) => { console.log('doClose:', e); };
  const doConfirm = (e) => { 
    console.log('doConfirm:', e); // doConfirm: {type: 类型（0：手机号，1：邮箱）, text: 手机号/邮箱, code: 验证码 }
    // 调用相关接口获得真数据，传回给组件进行显示 
    layneShowEncrypt.value.setRealData(333333);
  };
  const setCode = (e) => { 
    console.log('setCode:', e); // setCode: {type: 类型（0：手机号，1：邮箱）, text: 手机号/邮箱 }
    // 调用发送验证码接口，成功后通知组件进行倒计时
    layneShowEncrypt.value.setCountDown();
  };