退出系统
2.0 版本 weex 版本

graceUI For Weex - 星级组件

1554100320631646.png
graceStart 组件属性

size : { type : String, default : 60},// 图标大小 默认60px
totalstars : { type : Number, default : 5},// 图标总数 默认 5
starnum : { type : Number, default : 0},// 默认选中值
color : { type : String, default : '#A5A7B2'},// 图标颜色
activecolor :{ type : String, default : '#F5C359'},// 选中图标颜色
cantap : { type : Boolean, default : true}// 是否支持点击切换

如何改变图标?

1. 打开 /garceUi/weexComponents/graceStar.nvue
2. dom.addRule('fontFace', {
 'fontFamily': "myiconfont",
 'src': "url('http://at.alicdn.com/t/font_823462_rlm1lr3znpo.ttf')"
});
修改此处的 src , 您可以在 阿里图标库自己定制;
3. 组件代码第5行 替换  为您自己的图标即可;

演示代码