docs(tab-bar): modify tab-bar

Author: theniceangel

document/components/docs/zh-CN/tab-bar.md

@@ -35,25 +35,25 @@
         tabs: [{
           label: 'Home',
           icon: 'cubeic-home'
-        }， {
+        }, {
           label: 'Like',
           icon: 'cubeic-like'
-        }， {
+        }, {
           label: 'Vip',
           icon: 'cubeic-vip'
-        }， {
+        }, {
           label: 'Me',
           icon: 'cubeic-person'
         }]
       }
     }，
     methods: {
       clickHandler (label) {
-        // if you clicked home tab， then print 'Home'
+        // if you clicked home tab, then print 'Home'
         console.log(label)
       }，
       changeHandler (label) {
-        // if you clicked different tab， this methods can be emitted
+        // if you clicked different tab, this methods can be emitted
       }
     }
   }
@@ -71,7 +71,7 @@
       showSlider
       inline
       @click="clickHandler">
-      <cube-tab v-for="(item， index) in tabs" :label="item.label" :key="item.label">
+      <cube-tab v-for="(item, index) in tabs" :label="item.label" :key="item.label">
         <!-- name为icon的插槽 -->
         <i slot="icon" :class="item.icon"></i>
         <!-- 默认插槽 -->
@@ -87,23 +87,23 @@
       return {
         selectedLabelSlots: 'Like'
         tabs: [{
-          label: 'Home'，
+          label: 'Home',
           icon: 'cubeic-home'
-        }， {
-          label: 'Like'，
+        }, {
+          label: 'Like',
           icon: 'cubeic-like'
-        }， {
-          label: 'Vip'，
+        }, {
+          label: 'Vip',
           icon: 'cubeic-vip'
-        }， {
-          label: 'Me'，
+        }, {
+          label: 'Me',
           icon: 'cubeic-person'
         }]
       }
     }，
     methods: {
       clickHandler (label) {
-        // if you clicked home tab， then print 'Home'
+        // if you clicked home tab, then print 'Home'
         console.log(label)
       }
     }
@@ -118,13 +118,13 @@
 ```html
 <template>
   <cube-tab-bar v-model="selectedLabel" showSlider>
-    <cube-tab v-for="(item， index) in tabs" :icon="item.icon" :label="item.label" :key="item.label">
+    <cube-tab v-for="(item, index) in tabs" :icon="item.icon" :label="item.label" :key="item.label">
     </cube-tab>
   </cube-tab-bar>
   <cube-tab-panels v-model="selectedLabel">
-    <cube-tab-panel v-for="(item， index) in tabs" :label="item.label" :key="item.label">
+    <cube-tab-panel v-for="(item, index) in tabs" :label="item.label" :key="item.label">
       <ul>
-        <li class="tab-panel-li" v-for="(hero， index) in item.heroes">
+        <li class="tab-panel-li" v-for="(hero, index) in item.heroes">
           {{hero}}
         </li>
       </ul>
@@ -137,15 +137,15 @@
 export default {
   data () {
     return {
-      selectedLabel: '天辉'，
+      selectedLabel: '天辉',
       tabs: [{
-        label: '天辉'，
-        icon: 'cubeic-like'，
-        heroes: ['敌法师'， '卓尔游侠'， '主宰'， '米拉娜'， '变体精灵'， '幻影长矛手'， '复仇之魂'， '力丸'， '矮人狙击手'， '圣堂刺客'， '露娜'， '赏金猎人'， '熊战士']
-      }， {
-        label: '夜魇'，
-        icon: 'cubeic-star'，
-        heroes: ['血魔'， '影魔'， '剃刀'， '剧毒术士'， '虚空假面'， '幻影刺客'， '冥界亚龙'， '克林克兹'， '育母蜘蛛'， '编织者'， '幽鬼'， '司夜刺客'， '米波']
+        label: '天辉',
+        icon: 'cubeic-like',
+        heroes: ['敌法师', '卓尔游侠', '主宰', '米拉娜', '变体精灵', '幻影长矛手', '复仇之魂', '力丸', '矮人狙击手', '圣堂刺客', '露娜', '赏金猎人', '熊战士']
+      }, {
+        label: '夜魇',
+        icon: 'cubeic-star',
+        heroes: ['血魔', '影魔', '剃刀', '剧毒术士', '虚空假面', '幻影刺客', '冥界亚龙', '克林克兹', '育母蜘蛛', '编织者', '幽鬼', '司夜刺客', '米波']
       }]
     }
   }