示例
基础用法
PCPhonePad
<page>
<module title="基础用法">
<desensitize value="{{18782966175}}"
controlTips="{{controlTips}}"
beginLength="{{2}}"
endLength="{{2}}"
bind-status-changed="statusChangedHandler"
></desensitize>
</module>
</page>
export default XPage({
data: {
controlTips: '显示手机号',
},
show() {},
statusChangedHandler(isClose) {
this.setData({
controlTips: isClose ? '显示手机号' : '隐藏手机号',
});
console.info('显示隐藏状态修改：', isClose);
},
});
Attributes
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 端 | 版本 |
|---|---|---|---|---|---|---|
| value | 绑定值 | String/Number | -- | -- | PC | -- |
| customFn | 自定义显示文案内容函数，返回展示文案 | Function/Promise | -- | -- | PC | -- |
| beginLength | 内容前面显示文案长度 | Number | -- | 0 | PC | -- |
| endLength | 内容后面显示文案长度 | Number | -- | 0 | PC | -- |
| controlTips | 操作按钮的tips | String | -- | -- | PC | -- |
| defaultClose | 默认是否脱敏显示 | Boolean | -- | true | PC | -- |
| align | 文案和按钮对齐方式 | String | spaceBetween:两端对齐 | -- | PC | -- |
| showSwitchButton | 是否展示切换按钮 | Boolean | -- | false | PC | -- |
Events
| 名称 | 说明 | 回调参数 | 端 | 版本 |
|---|---|---|---|---|
| status-changed | 状态切换后触发 | (close:Boolean) | -- | -- |