微信小程序如何引入iconfont
程序员文章站
2024-02-16 13:03:58
...
- 在阿里巴巴矢量库官网上将项目所需要用到的图标建立好,在我的项目中会有一个在线链接,点击复制代码,将在线链接的地址复制下来,放在浏览器的官网上打开,会出现相应的样式代码,将代码全部复制下来,如图所示:
- 在
style
文件夹下建立一个iconfont
文件夹,在里面建立一个iconfont.wxss
文件,将之前在浏览器复制的代码全部放在这个文件里面,如图所示:
- 在
app.wxss
文件中去引入这个文件,代码如下:
@import "style/iconfont/iconfont.wxss"
- 引入完以后,去使用这个样式库,通过
class
类名去引入,第一个为iconfont
, 第二个为样式库的类名,例如,在index.wxml
中使用,代码如下:
<text class="iconfont icon-copy"></text>
上一篇: 微信小程序使用iconfont图标
下一篇: Python抓取手机号归属地信息示例代码