虽然WeApp组件中自带的icon挺多，但是缺少自己需要的。这个时候，就可以用自定义图标了。
操作如下
- step1. 访问iconfont，搜索自己需要的图标，加入购物车
- step2. 在iconfont的购物车中，下载代码。
- step3. 解压，把所有文件拷贝到小程序目录中，此处我新建了一个assets目录。
注意：在小程序中引用iconfont.css文件无效，会报错“file not found…”，所以另外建一个相同的iconfont.wxss文件。 - step4. 在需要使用自定义图标的页面的.wxss文件中引用iconfont.wxss
@import '../../assets/icon-custom/iconfont.wxss';
- step5. 在wxml文件中使用
<i-icon class="iconfont icon-file-text-outline" />
