feat(Rate): add prop iconClass

heyui · Jul 29, 2019 · d6b4d44 · d6b4d44
1 parent 94e98c6
commit d6b4d44
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/doc/components/component/rate.vue b/doc/components/component/rate.vue
@@ -32,6 +32,13 @@
         <td>-</td>
         <td>false</td>
       </tr>
+      <tr>
+        <td>iconClass</td>
+        <td></td>
+        <td>String</td>
+        <td>-</td>
+        <td>h-icon-star-on</td>
+      </tr>
     </table>
 
     <h3>Rate 事件</h3>

diff --git a/doc/components/demos/form/rate1.vue b/doc/components/demos/form/rate1.vue
@@ -2,6 +2,7 @@
   <div>
     <p><Rate v-model="value1"></Rate></p>
     <p><Rate v-model="value2" show-text></Rate></p>
+    <p><Rate v-model="value3" iconClass="h-icon-complete"></Rate></p>
   </div>
 </template>
 
@@ -11,7 +12,8 @@ export default {
   data() {
     return {
       value1: 2,
-      value2: 2.3
+      value2: 2.3,
+      value3: 1
     };
   }
 };

diff --git a/doc/components_en/component/rate.vue b/doc/components_en/component/rate.vue
@@ -31,6 +31,13 @@
         <td>-</td>
         <td>false</td>
       </tr>
+      <tr>
+        <td>iconClass</td>
+        <td></td>
+        <td>String</td>
+        <td>-</td>
+        <td>h-icon-star-on</td>
+      </tr>
     </table>
 
     <h3>Rate Event</h3>

diff --git a/src/components/rate/rate.vue b/src/components/rate/rate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-rate" :readonly="readonly" @mouseleave="mouseleave()"><span v-for="n in 5" :key="n" @click="setvalue(n)" :class="starCls(n)" @mouseover="mouseover(n)"><i class="h-icon-star-on"></i></span><span v-if="showText" class="h-rate-value">{{value}}</span></div>
+  <div class="h-rate" :readonly="readonly" @mouseleave="mouseleave()"><span v-for="n in 5" :key="n" @click="setvalue(n)" :class="starCls(n)" @mouseover="mouseover(n)"><i :class="iconClass"></i></span><span v-if="showText" class="h-rate-value">{{value}}</span></div>
 </template>
 <script>
 export default {
@@ -13,6 +13,10 @@ export default {
       type: Boolean,
       default: false
     },
+    iconClass: {
+      type: String,
+      default: 'h-icon-star-on'
+    },
     value: {
       type: [String, Number],
       default: 0