Browse Source

docs(tabbar): taro add punctuation

Drjingfubo 2 years ago
parent
commit
34390f9a03
1 changed files with 5 additions and 3 deletions
  1. 5 3
      src/packages/__VUE/tabbar/doc.taro.md

+ 5 - 3
src/packages/__VUE/tabbar/doc.taro.md

@@ -120,12 +120,14 @@ app.use(TabbarItem);
   <nut-tabbar @tab-switch="tabSwitch">
   <nut-tabbar @tab-switch="tabSwitch">
     <nut-tabbar-item tab-title="标签">
     <nut-tabbar-item tab-title="标签">
       <template #icon="props">
       <template #icon="props">
-          <img :src="props.active ? icon.active : icon.unactive" alt="" />
+          <img v-if="props.active" :src="icon.active" />
+          <img v-else :src="icon.unactive" />
         </template>
         </template>
     </nut-tabbar-item>
     </nut-tabbar-item>
     <nut-tabbar-item tab-title="标签">
     <nut-tabbar-item tab-title="标签">
         <template #icon="props">
         <template #icon="props">
-          <img :src="props.active ? icon.active : icon.unactive" alt="" />
+          <img v-if="props.active" :src="icon.active" />
+          <img v-else :src="icon.unactive" />
         </template>
         </template>
     </nut-tabbar-item>
     </nut-tabbar-item>
     <nut-tabbar-item tab-title="标签">
     <nut-tabbar-item tab-title="标签">
@@ -235,7 +237,7 @@ app.use(TabbarItem);
 <script>
 <script>
   import { Home,Category,Find,Cart,My} from '@nutui/icons-vue-taro';
   import { Home,Category,Find,Cart,My} from '@nutui/icons-vue-taro';
   export default{
   export default{
-    components: {Home,Category,Find,Cart, My }
+    components: {Home,Category,Find,Cart, My },
     setup(){
     setup(){
       return{
       return{
         Home,Category,Find,Cart, My
         Home,Category,Find,Cart, My