vue2 在element-ui的rate组件中，使用iconfont的图标

背景：

在收到的设计稿里看到这么一个内容：20个人形图标，通过图标数目展示男女比例。

当然，通过计算的方式，使用div一个一个的把图标循环显示出来也不是不可以。但我是一个懒人，如果是有组件可用，一定是利用组件来解决问题的。

思路

这时候看到element-ui里有一个近似的功能，rate评分，也可以自定icon，不必非要使用默认的星星图标。

地址见这里 其他icon https://element.eleme.cn/#/zh-CN/component/rate#qi-ta-icon

在简单读完后，点了一下图标的样式，发现了

.icon-rate-face-off:before{

content:"\e900"

}

说明这个图标需要通过iconfont 的方式来做

步骤

1.按照要求调整rate组件内图标的个数

2.找一个生成网站，把切好的图生成为iconfont