TPrivacyMask / 隐私遮罩
PrivacyMask blurs sensitive content with a hover/click to reveal. Supports custom blur amount, animation duration, trigger mode, and v-model. / 隐私遮罩将敏感内容模糊处理,悬停或点击后揭示,支持自定义模糊度、动画时长和触发方式。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
blurAmount | number | 6 | Blur in pixels |
duration | number | 0.3 | Animation duration (s) |
trigger | 'hover' | 'click' | 'manual' | 'hover' | Reveal trigger |
tag | string | 'span' | HTML tag |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TPrivacyMask } from '@gulcc/tabler-vue'
</script>
<template>
<TPrivacyMask>138****5678</TPrivacyMask>
</template>