请将网站小图标下载至网站本地具体路径自行创建,推荐阿里巴巴矢量图 https://www.iconfont.cn/
登录账号选择自己需要的图标后点击下载,下载可以选择svg或者png格式的图片,
下方有两种使用方法,个人推荐将svg或png格式的图标下载到本地使用显示速度快,
代码使用
方法1:本地图标引导代码
<img class="figure" src="/图片.svg">
将上方代码加入到菜单中或需要显示的地方即可
方法2:无需下载图标到本地,直接使用阿里巴巴矢量图标代码显示
<svg class="figure" aria-hidden="true"><use xlink:href="#icon-73"></use></svg>
上方是阿里巴巴官方代码,其中icon-73是阿里巴巴矢量图 图标代码,将整个代码加入到需要显示的地方
这里需要说明,请先到阿里巴巴矢量图官网点击Symbol获取 js 添加到主题后台自定义底部html框内,然后在添加上方图标显示代码,
接下来添加下方css代码(两种方式都需要添加css)
2.旋转css代码
将上方css代码添加到主题后台自定义css中,其他主题如后台没有自定义css请加入全局css文件中,
其中代码中 width: 15px 是调整图标大小函数
© 版权声明
点点赞赏,手留余香~
还没有人给TA充电
给TA充电
声明
花猪使用须知
- 1本网站内容仅供个人学习、研究和欣赏,未经授权禁止用于任何商业用途。
- 2网站中的代码示例仅用于教育目的,使用时请遵循相关开源协议和授权规定。
- 3转载或引用本站内容请注明出处,尊重原创,共同维护良好的创作环境。
- 4网站评论区欢迎理性讨论,请勿发表违反法律法规的言论,共建和谐社区。
- 5如有内容侵犯您的权益,请通过博客联系方式告知,将立即核实并处理。
- 6使用本站资源时产生的任何问题与后果需自行承担,请谨慎操作。
THE END
喜欢就支持一下吧
相关推荐






















暂无评论内容