update Rate

update Rate

src/components/rate/rate.vue

@@ -7,12 +7,18 @@
             @click="handleClick(item)">
             <span :class="[prefixCls + '-star-content']" type="half"></span>
         </div>
+        <div :class="[prefixCls + '-text']" v-if="showText">
+            <slot>{{ value }} <template v-if="value <= 1">{{ t('i.rate.star') }}</template><template v-else>{{ t('i.rate.stars') }}</template></slot>
+        </div>
     </div>
 </template>
 <script>
+    import Locale from '../../mixins/locale';
+
     const prefixCls = 'ivu-rate';
 
     export default {
+        mixins: [ Locale ],
         props: {
             count: {
                 type: Number,
@@ -29,6 +35,10 @@
             disabled: {
                 type: Boolean,
                 default: false
+            },
+            showText: {
+                type: Boolean,
+                default: false
             }
         },
         data () {

src/locale/lang/en-US.js

@@ -83,6 +83,10 @@ export default {
             page: '/page',
             goto: 'Goto',
             p: ''
+        },
+        rate: {
+            star: 'Star',
+            stars: 'Stars'
         }
     }
 };

src/locale/lang/zh-CN.js

@@ -83,6 +83,10 @@ export default {
             page: '条/页',
             goto: '跳至',
             p: '页'
+        },
+        rate: {
+            star: '星',
+            stars: '星'
         }
     }
 };

src/locale/lang/zh-TW.js

@@ -83,6 +83,10 @@ export default {
             page: '條/頁',
             goto: '跳至',
             p: '頁'
+        },
+        rate: {
+            star: '星',
+            stars: '星'
         }
     }
 };

src/styles/components/rate.less

@@ -8,7 +8,6 @@
     vertical-align: middle;
     font-weight: normal;
     font-style: normal;
-    font-family: 'Ionicons';
 
     &-disabled &-star {
         &:before,
@@ -26,6 +25,7 @@
         padding: 0;
         margin-right: 8px;
         position: relative;
+        font-family: 'Ionicons';
         transition: all 0.3s ease;
 
         &:hover {
@@ -63,4 +63,10 @@
             color: tint(@rate-star-color, 20%);
         }
     }
+    &-text {
+        margin-left: 8px;
+        vertical-align: middle;
+        display: inline-block;
+        font-size: @font-size-small;
+    }
 }

test/main.js

@@ -6,9 +6,10 @@ import VueRouter from 'vue-router';
 import App from './app.vue';
 import iView from '../src/index';
 // import locale from '../src/locale/lang/en-US';
+import locale from '../src/locale/lang/zh-CN';
 
 Vue.use(VueRouter);
-Vue.use(iView);
+Vue.use(iView, { locale });
 
 // 开启debug模式
 Vue.config.debug = true;

test/routers/rate.vue

@@ -2,7 +2,7 @@
     <div style="margin: 100px">
         {{value}}
         <br><br><br>
-        <Rate :value.sync="value" :count="5" allow-half></Rate>
+        <Rate :value.sync="value" :count="5" allow-half show-text></Rate>
         <br><br><br>
         <i-button @click="value++">add</i-button>
         <i-button @click="value--">remove</i-button>