200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 微信小程序如何引入iconfont阿里巴巴素材库的图标

微信小程序如何引入iconfont阿里巴巴素材库的图标

时间:2020-09-03 03:15:43

相关推荐

微信小程序如何引入iconfont阿里巴巴素材库的图标

前往icon-font阿里巴巴矢量图标库

注册账号

将选中的图标点击添加入库

在这里查看加入库的素材:

选择好项目需要的素材,点击添加入项目:

创建新项目:

点击Font-class,点击生成代码:

点击复制代码

在小程序项目目录下新建一个新的文件夹styles来存放样式文件,在styles样式文件里新建一个wxss文件

将第8步复制的代码复制粘贴进去

在app.wxss全局样式中引入你的文件,这样你所有的页面都可以使用。

@import "./styles/iconfont.wxss";

然后就可以在你想要使用的wxml里面使用啦

PS:如果以后有想要加入新的素材,直接去阿里巴巴素材库登录你的账号,把新的素材直接加入到原来的项目,然后重新生成新的代码复制,去你微信小程序项目中建立的iconfont.wxss直接删掉原来的直接覆盖粘贴就可以了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。