引入使用iconfont字体

这个时候就先安利一个矢量图网站，也是这次需要用到的网站
iconfont
正常下载，我们可以找到绝大部分我们能用到的图标图片，但是iconfont字体并不是这样常用方式开始的

方法：
第一 将我们要用到的图标点击购物车
第二 打开购物车将图标添加到项目
第三 在项目中选择Font class 查看在线代码 提示暂无就点击生成
第四 生成代码为.css文件,微信只支持.wxss文件，所以复制代码在浏览器中打开
另存为在程序根目录下，右击重命名修改后缀
第五 在app.wxss中引用@import "iconfont.wxss";
第六 在具体文件中使用 class="文件名+在网站生成代码时的对应图标代码"就可以了

实现效果和之前的播放页面的展示效果原代码在github

https://github.com/fujinwei/learnminiapp/commits/master/yun-music

iconfont字体在本地是没办法直接修改的。想要修改是需要在引用的class中在自定义一个名称，使用该名称进行设置样式才可以。

组件中使用

在组件中引用iconfont字体，是不显示的，因为组件隔绝外部样式引用。
所以我们的解决办法是

在组件的文件中引用iconfont字体的.css的文件

或者

从前端组件的引用中进行传值