HBuilderwebApp开发(⼗五)MUI增加⾃定义icon图标
前段时间有朋友问我,MUI⾥⾯怎么添加字体图标。后来下班后给他做了⼀个⼩的Demo,其实这个看卡MUI的⽂档就有。。 其实这个不仅限于MUI,其他项⽬⽐如PC项⽬也可以这个做。
具体步骤:
登录
添加到购物车
下载代码
提取有⽤代码
这⾥我们只需要 样式⽂件:iconfont.css
字体⽂件:f
其他格式的字体⽂件iconfont. iconfont.svg
icon图标库
然后把这两个⽂件拖进项⽬⽬录,结果如图:
修改样式⽂件iconfont.css
修改后:
使⽤
在html⽂件中引⼊iconfont.css⽂件,
link rel="stylesheet" href="css/iconfont.css"
使⽤:
<span class="iconfont icon-home"></span>效果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论