gui-star 星级组件用于展示星级、提交星级评价等场景;
gui-star : GraceUI组件目录/gui-star.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
fontSize | String | 50rpx | 图标字体大小 |
totalstars | Number | 5 | 星标总数 |
starnum | Number | 1 | 当前选中值 |
color | String | #E1E1E1 | 默认颜色 |
activecolor | String | #F5C359 | 选中颜色 |
cantap | Boolean | true | 是否允许点击星标更新数据 |
padding | String | 5rpx | 星标直接间距 |
01. 复制 gui-star 组件重命名为自己的组件( 不影响升级 );
02. 扩展一套自己的图标,将组件内的 gui-icons 样式换成您自己的图标样式;
03. 将 Unicode 更换为您的图标对应的值;
04. 调用您改进后的星标组件;