Skip to content

TPrivacyMask / 隐私遮罩

PrivacyMask blurs sensitive content with a hover/click to reveal. Supports custom blur amount, animation duration, trigger mode, and v-model. / 隐私遮罩将敏感内容模糊处理,悬停或点击后揭示,支持自定义模糊度、动画时长和触发方式。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
blurAmountnumber6Blur in pixels
durationnumber0.3Animation duration (s)
trigger'hover' | 'click' | 'manual''hover'Reveal trigger
tagstring'span'HTML tag

Basic Usage / 基础用法

vue
<script setup lang="ts">
import { TPrivacyMask } from '@gulcc/tabler-vue'
</script>

<template>
  <TPrivacyMask>138****5678</TPrivacyMask>
</template>