diff --git a/src/packages/rate/demo.vue b/src/packages/rate/demo.vue
index c337598bbacee020d0ffdf89512536e440c3e1ff..3cfb2d018addd99a8dd87e0b0b189150d6506bda 100644
--- a/src/packages/rate/demo.vue
+++ b/src/packages/rate/demo.vue
@@ -25,7 +25,7 @@
只读状态
- 绑定事件,{{ state.result }}
+ 绑定事件
自定义尺寸 35px
@@ -49,11 +49,9 @@ export default createDemo({
val5: 3,
val6: 3,
val7: 3,
- val8: 3,
- result: ''
+ val8: 3
});
const onChange = val => {
- state.result = '您点击了第' + val + '个!';
ctx.$toast.text(state.result);
};
return {
diff --git a/src/packages/rate/doc.md b/src/packages/rate/doc.md
index 130646485f9798a1f551487d41161a68703144f6..70c76993f4c2ff85b87c79fdb13a1ac81dbbe5a9 100644
--- a/src/packages/rate/doc.md
+++ b/src/packages/rate/doc.md
@@ -89,8 +89,8 @@ setup() {
| count | star 总数 | Number | 5 |
| v-model | 当前 star 数,可使用 v-model 双向绑定数据 | Number | - |
| icon-size | star 大小 | Number | 18 |
-| active-color | 图标选中颜色 | String | #fa200c |
-| void-color | 图标未选中颜色 | String | #ccc |
+| active-color | 图标选中颜色 | String | #fa200c |
+| void-color | 图标未选中颜色 | String | #ccc |
| unchecked-icon | 使用图标(未选中) | String | star-n |
| checked-icon | 使用图标(选中) | String | star-fill-n |
| allow-half | 是否半星 | Boolean | false |
diff --git a/src/packages/rate/index.scss b/src/packages/rate/index.scss
index c9c9a2d8c73f7cd76ad07ae0edc70b5b74bb161f..cbb099c1c9d5c1fb5dbba79d4444a93ae59b0159 100644
--- a/src/packages/rate/index.scss
+++ b/src/packages/rate/index.scss
@@ -10,10 +10,11 @@
&__icon {
color: $rate-icon-color;
- &.disabled {
+ cursor: pointer;
+ &--disabled {
color: $rate-icon-void-color;
}
- &.half {
+ &--half {
position: absolute;
width: 50%;
left: 0;
diff --git a/src/packages/rate/index.vue b/src/packages/rate/index.vue
index afcf5aa92bbf8cd34db0bac86efc2bfa8c118598..e1e9c233882eedc15700fef22b145b243df4a17d 100644
--- a/src/packages/rate/index.vue
+++ b/src/packages/rate/index.vue
@@ -10,13 +10,13 @@