浏览代码

fix(tabbar): tabbar-item add slot (#1173)

Drjingfubo 3 年之前
父节点
当前提交
8af4925713
共有 2 个文件被更改,包括 6 次插入2 次删除
  1. 3 1
      src/packages/__VUE/tabbaritem/index.taro.vue
  2. 3 1
      src/packages/__VUE/tabbaritem/index.vue

+ 3 - 1
src/packages/__VUE/tabbaritem/index.taro.vue

@@ -39,8 +39,10 @@
       ></div>
       ></div>
       <view
       <view
         :class="['nut-tabbar-item_icon-box_nav-word', { 'nut-tabbar-item_icon-box_big-word': !icon && !activeImg }]"
         :class="['nut-tabbar-item_icon-box_nav-word', { 'nut-tabbar-item_icon-box_big-word': !icon && !activeImg }]"
-        >{{ tabTitle }}</view
       >
       >
+        <view v-if="tabTitle">{{ tabTitle }}</view>
+        <slot v-if="!tabTitle"></slot>
+      </view>
     </view>
     </view>
   </div>
   </div>
 </template>
 </template>

+ 3 - 1
src/packages/__VUE/tabbaritem/index.vue

@@ -40,8 +40,10 @@
       ></div>
       ></div>
       <view
       <view
         :class="['nut-tabbar-item_icon-box_nav-word', { 'nut-tabbar-item_icon-box_big-word': !icon && !activeImg }]"
         :class="['nut-tabbar-item_icon-box_nav-word', { 'nut-tabbar-item_icon-box_big-word': !icon && !activeImg }]"
-        >{{ tabTitle }}</view
       >
       >
+        <view v-if="tabTitle">{{ tabTitle }}</view>
+        <slot v-if="!tabTitle"></slot>
+      </view>
     </view>
     </view>
   </div>
   </div>
 </template>
 </template>