更新记录

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

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

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

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

平台兼容性

uni-app(5.04)

加密信息展示 layne-show-encrypt

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

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

API

Prop

Event

使用说明

vue2示例

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

js部分

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