ElementUI更改Rate评分组件的图标大小以及评分最大值

ElementUI提供的Rate评分组件的默认大小是这样的

在这里插入图片描述
图标太小了，尝试过设置宽高、行高、尺寸都没有用。于是打开浏览器调试，发现是用font-size设置的
在这里插入图片描述
于是在代码中给el-rate_icon改变font-size的值就可以了

这里注意这个class名是组件自带的，要在样式名称前加上/deep/提高优先级，不然不会生效

/deep/ .el-rate__icon{
  font-size: 35px;
}

设置完后，图标成功变大

在这里插入图片描述
修改评分最大值的方式要采用绑定的方式，效果如下：
在这里插入图片描述

版权声明：本文为qq_44042316原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。