“隐秘”文本
约 170 字小于 1 分钟
2024-08-18
概述
使用 <Plot>
组件显示 “隐秘”文本 ,能够更灵活的控制行为。
该组件默认不启用,你需要在 theme 配置中启用。
.vuepress/config.ts
export default defineUserConfig({
theme: plumeTheme({
markdown: {
plot: true,
},
})
})
Props
:::: field-group
::: field name="trigger" type="'hover' | 'click'" default="'hover'" optional 鼠标悬停触发,或者点击触发 :::
::: field name="effect" type="'blur' | 'mask'" default="'mask'" optional 遮罩层效果,或者文本模糊效果 :::
::::
示例
输入:
- 鼠标悬停 - <Plot>悬停时可见</Plot>
- 点击 - <Plot trigger="click">点击时可见</Plot>
输出:
- 鼠标悬停 - 悬停时可见
- 点击 - 点击时可见