Skip to content
On this page

标记 Mark

很实用的一个小东西,用来标记一段文字,突出重要文案,支持跳转。

基本使用

这是一个 关于爱、孤独、时光和命运的故事。 他们经历着一代又一代的人生起伏,见证着家族的兴衰荣辱。 时间的洪流在他们身上留下深深的痕迹,而他们却无法逃离命运的捉弄。 在那个魔幻的小镇马孔多,布恩迪亚家族的命运与这片土地紧密交织。 他们沉浸在爱的海洋中,经历着痛苦和幸福的轮回。从出生到死亡,他们深爱着,犯下疯狂的错误,背负着血缘的重担。 在布恩迪亚家族的传奇中,我们看到了人性的弱点和坚韧的生命力。 他们的爱情如此 炽热 ,以至于无论是失去记忆的智阿齐或是忍受孤独的奥雷里亚诺,他们都能找到勇气继续前行。 --《百年孤独》 ,这里面都有天使的点化。

Show Code
vue
<template>
  <p>
    这是一个
    <n-mark bold>关于爱、孤独、时光和命运的故事。</n-mark>
    他们经历着一代又一代的人生起伏,见证着家族的兴衰荣辱。
    <n-mark>时间的洪流在他们身上留下深深的痕迹,而他们却无法逃离命运的捉弄。</n-mark>
    在那个魔幻的小镇马孔多,布恩迪亚家族的命运与这片土地紧密交织。
    <n-mark type="info">他们沉浸在爱的海洋中,经历着痛苦和幸福的轮回。从出生到死亡,他们深爱着,犯下疯狂的错误,背负着血缘的重担。 在布恩迪亚家族的传奇中,我们看到了人性的弱点和坚韧的生命力。</n-mark>
    他们的爱情如此
    <n-mark type="error">炽热</n-mark>
    ,以至于无论是失去记忆的智阿齐或是忍受孤独的奥雷里亚诺,他们都能找到勇气继续前行。
    <n-mark to="https://www.baidu.com/s?tn=44004473_14_oem_dg&ie=utf-8&wd=百年孤独" type="success">--《百年孤独》</n-mark>
    ,这里面都有天使的点化。
  </p>
</template>

<style lang="less" scoped>
p {
  font-size: 14px;
  line-height: 28px;
}
</style>

API

参数说明类型默认值
type配色类型normalsuccess
round是否圆角boolean
to跳转链接string#
bold文字是否加粗booleanfalse

Released under the MIT License.