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

  • A+
所属分类:Web前端
摘要

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

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

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

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

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

 

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

 

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

 

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

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

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

 

 

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

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

 

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

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

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

 

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

 

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

引入对应的iconfont的class

 

 

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

成功显示到页面