wx小图标的引入

1.3  阿⾥巴巴字体 iconfont（引入图标） 

https://www.iconfont.cn/search/index?searchType=icon&q=gouwuche

2  tabbar小程序页面下方的标签

2.1

为小程序的页面加一些图标

（1）首先打开阿里巴巴字体图标库，新增一个项目，点击Font class,点击查看在线连接，复制链接，在搜索框中搜索，复制全文

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

回到微信中在styles中新增一个文件iconfont.wxss在全局样式文件app.wxss中导入刚才所复制的文件（确保可以在每一个页面中可以直接使用）在app.wxss中添加@import"./styles/iconfont.wxss";

（2）

（3）在pages下的index下的index.wxml中添加<text class="iconfont icongouwucheman"></text>   中间红色字体为在iconfont.wxss中想要显示的图标类

（4）名

 

 

 

2.2提前准备的一些小图标

 

2.3将提前准备的小图标放在新建的文件夹当中

 

 

 

 

在app.wxss中定义主题颜色

在index中使用主题颜色