【微信小程序】微信小程序如何使用自定义的图标--学习微信小程序之路05

发布时间:2022-01-09沉默小管-技术博客微信小程序如何使用自定义的图标--学习微信小程序之路05 1084 2

原文地址: https://www.php-china.com//detail/94

# 解决流程
1.进入阿里矢量，点击复制代码
![在这里插入图片描述](https://img-blog.csdnimg.cn/93610d61e0204b5ebe1840bb9416cad0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rKJ6buY5oqA5pyv5Y2a5a6i,size_20,color_FFFFFF,t_70,g_se,x_16)
2.在项目中创建wxss文件，并在app.wxss文件中引入第三方wxss
![在这里插入图片描述](https://img-blog.csdnimg.cn/8dfdcaced8614a098bf6f8590d96db6f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rKJ6buY5oqA5pyv5Y2a5a6i,size_20,color_FFFFFF,t_70,g_se,x_16)
alifont.wxss文件内容
![在这里插入图片描述](https://img-blog.csdnimg.cn/c3201437704b4426b1fdfc51856e2c52.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rKJ6buY5oqA5pyv5Y2a5a6i,size_20,color_FFFFFF,t_70,g_se,x_16)

3.在项目中使用
```html
<icon class="icon iconfont icon-shouji" style="color:red;font-size:44rpx"></icon>
```