vuepress-theme-plume/docs/notes/theme/guide/components/plot.md

title, icon, createTime, permalink

title	icon	createTime	permalink
“隐秘”文本	lets-icons:hide-eye	2024/08/18 23:02:39	/guide/components/plot/

概述

使用 <Plot> 组件显示 “隐秘”文本 ，能够更灵活的控制行为。

该组件默认不启用，你需要在 theme 配置中启用。

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      plot: true,
    },
  })
})

Props

:::: field-group

::: field name="trigger" type="'hover' | 'click'" default="'hover'" optional 鼠标悬停触发，或者点击触发 :::

::: field name="mask" type="string | { light: string, dark: string }" default="'#000'" optional 遮罩颜色 :::

::: field name="color" type="string | { light: string, dark: string }" default="'#fff'" optional 文本颜色 :::

::::

示例

输入：

- 鼠标悬停 - <Plot>悬停时可见</Plot>
- 点击 - <Plot trigger="click">点击时可见</Plot>

输出：

• 鼠标悬停 - 悬停时可见
• 点击 - 点击时可见