小程序使用阿里巴巴图标库的方法

小程序使用阿里巴巴图标库的方法插图

选择购物车的里的字体图标库

小程序使用阿里巴巴图标库的方法插图(1)

小程序使用阿里巴巴图标库的方法插图(2)

 

点击阿里巴巴图标库的购物车,来到此页面,点击添加项目

 

小程序使用阿里巴巴图标库的方法插图(3)

 

项目添加过后如图,点击font class累引入,点击查看在线链接,复制链接url访问在线链接

小程序使用阿里巴巴图标库的方法插图(4)

访问链接过后,页面展示的就是iconfont.css的源代码,复制页面全部css代码

 

 

小程序使用阿里巴巴图标库的方法插图(5)

在style文件夹下创建一个iconfont.css文件,把复制代码粘贴到里面,并保存

 

小程序使用阿里巴巴图标库的方法插图(6)

在全局app.wxss里面引入我们的字体图标库css文件,使他能被全部调用

小程序使用阿里巴巴图标库的方法插图(7)

 

查看对应的图标库的图标class

 

小程序使用阿里巴巴图标库的方法插图(8)

引入对应的iconfont的class

 

 

小程序使用阿里巴巴图标库的方法插图(9)

成功显示到页面

 

本站资源均源自网络,若涉及您的版权、知识产权或其他利益,请附上版权证明邮件告知。收到您的邮件后,我们将在72小时内删除。
若下载资源地址错误或链接跳转错误请联系站长。站长q:770044133。

» 小程序使用阿里巴巴图标库的方法

发表评论

免登录下载网,提供全网最优质的资源集合!