Skip to content

徽章 ​

官方文档:默认主题 · 徽章

VPBadge 全局注册,Markdown 里直接 <VPBadge type="tip">文字</VPBadge> 即可。四种类型:

  • 已收录原文 —— tip(默认):完成 / 健康
  • info —— 中性 / 分类标签
  • 仅目录 —— warning:待办 / 需注意
  • 缺失 —— danger:禁止 / 丢失

建议用途 ​

全站"🚧 待补"标记可以标准化成徽章,暗色模式下依然清晰:

待补 微信公众号推文链接、各平台主页地址、部门真实名单。

⚠️ 使用规范(经验):徽章放在段落、列表、提示块里;不要放进 Markdown 表格单元格或标题里——表格 + 内联组件的组合存在解析陷阱(本次试衣间就踩到了),需要表格展示状态时,表格列用纯文字标记。

自定义颜色 ​

四种类型之外的颜色用 CSS 覆盖 .VPBadge 变量实现,一般用不到。


同页附赠:其余通用组件 ​

VPButton(官方按钮,建议替换手写 CTA) ​

VPImage(亮暗双图) ​

亮色显示"铁"标、暗色自动换圆形人像——右上角切换试试:

亮暗切换演示亮暗切换演示

页面历史

除特别声明外,本站文字内容采用 CC BY-NC-SA 4.0 授权;站内图片、视频版权归原作者所有。
站点维护

📣 2026 招新进行中 —— 视频 / 摄影 / 音频 / 采编 / 办公室 / 设计,六大部门等你加入! 立即报名 →