Skip to content

Rough Markers

Slidev 集成了 Rough Notation 许在幻灯片中标记或高亮元素。


v-mark 指令

Rough Notation 集成了 v-mark 指令。

类型

v-mark.underline 进行下划线标记, v-mark.circle 进行圆圈标记,以此类推。默认为 underline

Color

v-mark.red 会将标记设定为 red. 支持 UnoCSS 的内置颜色主题。对于自定义颜色,请使用对象语法 v-mark="{ color: '#234' }"

点击事件

v-mark 的工作方式类似于 v-click 并会在点击后触发。 与 v-click相同, 它允许你传递一个自定义的点击值,比如v-mark="5"v-mark="'+1'"

选项

你还可以向 v-mark 传递一个对象来制定选项,例如:

vue
<span v-mark="{ at: 5, color: '#234', type: 'circle' }">
重要的文字
</span>

预览

Released under the MIT License.