游客
2025年06月22日周日
--:--
Eternity主题相信自己,你能作茧自缚,就能破茧成蝶。

导航栏菜单前置图标配置

一言准备中...

首先前去 阿里巴巴矢量图库注册账号,点击前往

选择图库

  1. 根据个人喜好,挑选图标

  1. 点击图标上“购物车”图标

  1. 如果没有项目,新建一个,然后添加进项目目录,点击确定即可

获取在线链接

  1. 点击生成在线链接

  1. 进入主题设置 - 常规设置 - 样式代码 - 自定义页脚代码,如图格式填入

使用图标

  1. 进入主题设置 - 页面设置 - 头部导航 - 导航栏前置图标

  1. 如下操作获取填入内容

图标名称如下图复制

格式:

<svg class="icon" aria-hidden="true"><use xlink:href="#图标名称"></use></svg>

将图标名称替换为你刚刚复制的文本即可

P.S.: 如果你需要图标旋转,上述代码『class="icon"』改成『class="icon icon-spin"』

  • 本文作者:Vaimibao
  • 本文链接: https://9imi.com/post-13.html
  • 版权声明:本博客所有文章除特别声明外,均默认采用 CC BY-NC-SA 4.0 许可协议。
文章很赞!支持一下吧 还没有人为TA充电
为TA充电
还没有人为TA充电
2
0
  • 支付宝打赏
    支付宝扫一扫
  • 微信打赏
    微信扫一扫
感谢支持
文章很赞!支持一下吧
关于作者
15
6
0
6
在线时间:7:30-21:30

主题安装及更新

上一篇

【主题资源】评论小表情

下一篇
评论区
内容为空

这一切,似未曾拥有

  • 复制图片
按住ctrl可打开默认菜单