微信小程序在开发中如何引用外部icon

发布时间:2023-08-02 04:02:18 作者:xinkuangr 阅读量:8033

微信小程序在开发中如何引用外部icon?

首先在阿里巴巴矢量图标库添加需要的icon,点击下载至本地

然后在下载的东西里找到这个文件iconfont.css

在自己的小程序里建一个iconfont.wxss的页面,建议放在公共样式里,自己可以找到路径就行,把之前iconfont.css的内容放到iconfont.wxss里面。

使用 import导入,或者放在app.wxss里面全局,反正得导入它。

页面用的时候先写iconfont 再写对应的icon的名字 如下,

对应icon的名字在iconfont.wxss里面,这就是下载的那些icon

彩色的icon不能用不能用不能用!!!!!!!!出来是一个方块。

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

秒制作
Catfish(鲶鱼) Blog V 4.7.3