浏览代码

【缺陷修复】su-tabbar-item 选中或未选中标签属性名称和父组件 su-tabbar 保持一致

puhui999 7 月之前
父节点
当前提交
a2ba10f796
共有 1 个文件被更改,包括 4 次插入4 次删除
  1. 4 4
      sheep/ui/su-tabbar-item/su-tabbar-item.vue

+ 4 - 4
sheep/ui/su-tabbar-item/su-tabbar-item.vue

@@ -9,7 +9,7 @@
         <image
         <image
           v-if="icon"
           v-if="icon"
           :name="icon"
           :name="icon"
-          :color="isActive ? parentData.activeColor : parentData.color"
+          :color="isActive ? parentData.activeColor : parentData.inactiveColor"
           :size="20"
           :size="20"
         ></image>
         ></image>
         <block v-else>
         <block v-else>
@@ -30,7 +30,7 @@
         <text
         <text
           class="u-tabbar-item__text"
           class="u-tabbar-item__text"
           :style="{
           :style="{
-            color: isActive ? parentData.activeColor : parentData.color,
+            color: isActive ? parentData.activeColor : parentData.inactiveColor,
           }"
           }"
         >
         >
           {{ text }}
           {{ text }}
@@ -120,8 +120,8 @@
         addStyle,
         addStyle,
         parentData: {
         parentData: {
           value: null,
           value: null,
-          activeColor: '',
-          color: '',
+          activeColor: '', // 选中标签的颜色
+          inactiveColor: '', // 未选中标签的颜色
         },
         },
         parent: {},
         parent: {},
       };
       };