mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-25 11:28:13 +08:00
47 lines
878 B
Markdown
47 lines
878 B
Markdown
---
|
|
url: /guide/components/plot/index.md
|
|
---
|
|
## 概述
|
|
|
|
使用 `<Plot>` 组件显示 ["隐秘"文本](../markdown/plot.md)，能够更灵活地控制行为。
|
|
|
|
该组件默认不启用，你需要在 theme 配置中启用。
|
|
|
|
```ts title=".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
|
|
遮罩层效果，或者文本模糊效果
|
|
:::
|
|
|
|
::::
|
|
|
|
## 示例
|
|
|
|
**输入：**
|
|
|
|
```md :no-line-numbers
|
|
- 鼠标悬停 - <Plot>悬停时可见</Plot>
|
|
- 点击 - <Plot trigger="click">点击时可见</Plot>
|
|
```
|
|
|
|
**输出：**
|
|
|
|
* 鼠标悬停 - 悬停时可见
|
|
* 点击 - 点击时可见
|