实战element 的rate使用iconfont图标

357 阅读1分钟

问题背景 在项目开发过程中需要使用到一个评分的功能,项目使用的element 的框架,所以首选肯定就是自带的rate的组件,但是在rate的介绍中默认的一般都是星星的icon,自定义的icon 也都是直接框架自带的icon的所有的图标,但是都不满足自己的需求,这是发现rate可以支持使用iconfont 的图标,但是按照框架中的介绍使用并没有实现,在查了资料之后发现还是有一些注意点的,这里记录一下方便日后的学习.

iconfont的使用这里就不过多的介绍了,只需要将自己需要的图标实现一下的步骤即可,这时候编辑连接就会生成一个.css的iconfont的文件,将他添加的自己的项目中

image.png

在rate的组中直接像使用iconfont类名的方式就可以了,需要注意的是还需要在添加iconfont 的类名,这时候就可以按照rate 组件的规则去配置使用方式了.

image.png