VuePress Theme Hope 添加图标

来自泡泡学习笔记
BrainBs讨论 | 贡献2024年12月11日 (三) 17:51的版本 (创建页面,内容为“你可以使用 <HopeIcon /> 组件在 markdown 中添加图标。 * icon 属性接受与其他 icon 选项相同的内容,即:字体类名和图像 url * color 属性接受一个 css 颜色值,它将用作图标颜色(可选) * size 属性接受一个 css 大小值,该值将用作图标大小(可选) <pre> - <HopeIcon icon="home" color="red" /> - <HopeIcon icon="//theme-hope-assets.vuejs.press/logo.svg" size="4rem" vertical-align="middle" />…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

你可以使用 <HopeIcon /> 组件在 markdown 中添加图标。

  • icon 属性接受与其他 icon 选项相同的内容,即:字体类名和图像 url
  • color 属性接受一个 css 颜色值,它将用作图标颜色(可选)
  • size 属性接受一个 css 大小值,该值将用作图标大小(可选)


- <HopeIcon icon="home" color="red" />
- <HopeIcon icon="//theme-hope-assets.vuejs.press/logo.svg" size="4rem" vertical-align="middle" />