小程序中使用自定义图标

虽然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" />