uni-app 评论五星
下载 组件 uni-rate在script中引入:import uniRate from "@/components/uni-rate/uni-rate.vue"export default {components: {uniRate}}基本用法 :<uni-rate value="2"></uni-rate>自定义...
·
下载 组件 uni-rate
在script中引入:
import uniRate from "@/components/uni-rate/uni-rate.vue"
export default {
components: {uniRate}
}
基本用法 :
<uni-rate value="2"></uni-rate>
自定义星星大小:
<uni-rate size="18" value="5"></uni-rate>
设置评分数:
<uni-rate max="10" value="5"></uni-rate>
不可点击状态:
<uni-rate disabled="true" value="3.5"></uni-rate>
属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
value | Number | 0 | 当前评分 |
max | Number | 5 | 最大的评分 |
size | Number | 24 | 星星的大小 |
margin | Number | 0 | 星星的间距 |
color | String | #ececec | 星星的颜色 |
active-color | String | #ffca3e | 选中状态的星星的颜色 |
is-fill | Boolean | true | 星星的类型,是否为实心类型 |
disabled | Boolean | false | 是否为不可点击状态 |
事件说明:
事件称名 | 说明 | 返回参数 |
---|---|---|
change | Rate 的 value 改变时触发事件,返回参数为Rate的value | {value:Number} |
更多推荐
已为社区贡献3条内容
所有评论(0)