Browse Source

fix: tabbar修复自定义icon不显示问题

Drjnigfubo 4 years ago
parent
commit
cb8675b405

+ 12 - 0
src/packages/__VUE/tabbaritem/index.taro.vue

@@ -25,6 +25,8 @@
           class="nut-tabbar-item_icon-box_icon"
           class="nut-tabbar-item_icon-box_icon"
           :size="state.size"
           :size="state.size"
           :name="icon"
           :name="icon"
+          :font-class-name="fontClassName"
+          :class-prefix="classPrefix"
         ></nut-icon>
         ></nut-icon>
       </view>
       </view>
       <view
       <view
@@ -69,10 +71,20 @@ export default create({
       // 页签右上角的数字角标
       // 页签右上角的数字角标
       type: String,
       type: String,
       default: ''
       default: ''
+    },
+    classPrefix: {
+      type: String,
+      default: 'nut-icon'
+    },
+    fontClassName: {
+      type: String,
+      default: 'nutui-iconfont'
     }
     }
   },
   },
   setup(props, ctx) {
   setup(props, ctx) {
     const parent: any = inject('parent');
     const parent: any = inject('parent');
+    console.log(props.classPrefix);
+
     const state = reactive({
     const state = reactive({
       size: parent.size,
       size: parent.size,
       unactiveColor: parent.unactiveColor, // 未选中的颜色
       unactiveColor: parent.unactiveColor, // 未选中的颜色

+ 10 - 0
src/packages/__VUE/tabbaritem/index.vue

@@ -25,6 +25,8 @@
           class="nut-tabbar-item_icon-box_icon"
           class="nut-tabbar-item_icon-box_icon"
           :size="state.size"
           :size="state.size"
           :name="icon"
           :name="icon"
+          :font-class-name="fontClassName"
+          :class-prefix="classPrefix"
         ></nut-icon>
         ></nut-icon>
       </view>
       </view>
       <view
       <view
@@ -69,6 +71,14 @@ export default create({
       // 页签右上角的数字角标
       // 页签右上角的数字角标
       type: String,
       type: String,
       default: ''
       default: ''
+    },
+    classPrefix: {
+      type: String,
+      default: 'nut-icon'
+    },
+    fontClassName: {
+      type: String,
+      default: 'nutui-iconfont'
     }
     }
   },
   },
   setup(props, ctx) {
   setup(props, ctx) {