0°

7B2主题设置导航个性标志

群里好多朋友问一颗赛艇的导航标志是如何设置的。下面给大家出个小教程!(我会尽可能的详细,如果有问题欢迎留言)

首先去阿里巴巴矢量图标库登录并创建自己的项目。

7B2主题设置导航个性标志

在图标库选择自己要用的图标加入购物车。点击这个购物车图标就行!

7B2主题设置导航个性标志

选择好之后将购物车里的图标添加入自己创建好的项目中

7B2主题设置导航个性标志

下面开始设置图标

首先进入项目复制自己的Symbol地址。

并在主题设置→基本设置中填入以下信息

<script type=’text/javascript’ src=’这里填写项目的Symbol地址’>script>

<style type=”text/css”>

.icon {

width: 1em; height: 1em;

vertical-align: -0.15em;

fill: currentColor;

overflow: hidden;

}

style>


7B2主题设置导航个性标志

保存!

然后开始设置菜单。在导航菜单中直接粘贴下面的信息进行修改

<svg class=”icon” aria-hidden=”true”> <use xlink:href=”#你库中的图标名称”></use> </svg>首页

//参考

<svg class=”icon” aria-hidden=”true”> <use xlink:href=”#icon-shouye1″></use> </svg>首页
7B2主题设置导航个性标志

像上面一样。保存~大功告成~

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论