HIPS-UNI-UI

# Rate 评分

# 使用指南

import Rate from '@hips/uni-ui/lib/rate';

export default {
  components: {
    'hips-rate': Rate,
  },
};
1
2
3
4
5
6
7

# 跨平台支持

微信小程序 支付宝小程序 钉钉小程序 百度小程序 头条小程序 QQ 小程序
✔️ - - - - -

# 代码演示

# 基础用法

<hips-rate v-model="score" />
1
export default {
  data() {
    return {
      score: 3,
    };
  },
};
1
2
3
4
5
6
7

# 只读

<hips-rate v-model="score" readonly />
1

# 禁用

<hips-rate v-model="score" disabled />
1

# 自定义最大分数

<hips-rate v-model="score" :max="6" />
1

# 修改样式

<hips-rate v-model="score" :size="60" />

<hips-rate v-model="score" color="gray" active-color="orange" />
1
2
3

# Rate API

参数 说明 类型 默认值
value 使用 v-model 绑定 Number 0
max 最大分数 Number 5
active-color 达到分数的图标颜色 String #1F8CEB
color 未达到分数的图标颜色 String #c7c7c7
icon 图标名称 String star
readonly 是否只读 Boolean false
disabled 是否禁用 Boolean false
size 图标大小 Number 40

注意

不支持自定义图标

Tag 标签