feat: tabs增加配置项

sadais-org · Sep 29, 2020 · ef3c50e · ef3c50e
1 parent e0792d9
commit ef3c50e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/components/pi-tabs/index.vue b/components/pi-tabs/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view class="pi-tabs" :class="[customClass]">
+    <view class="pi-tabs" :style="[customStyle]" :class="[customClass]">
       <scroll-view class="pi-scroll" :scroll-left="scrollLeft" scroll-x scroll-with-animation>
         <view class="scroll-wrap" :style="[scrollWrapStyle]">
           <view
@@ -10,7 +10,7 @@
             :style="[
               getItemStyle,
               itemStyle,
-              activeIndex === index && activeTextColor ? { color: activeTextColor } : ''
+              activeIndex === index && activeTextColor ? { color: activeTextColor } : {}
             ]"
             class="pi-tab pi-align-center pi-fz-30"
             :class="[{ active: activeIndex === index }]"
@@ -88,7 +88,7 @@ export default {
         return tabs.itemPadding
       }
     },
-    // 标签是否自动撑开，（当scrollable时候生效）
+    // 标签是否自动撑开
     stretch: {
       type: Boolean,
       default() {
@@ -109,11 +109,11 @@ export default {
         return tabs.activeColor
       }
     },
-    // 激活颜色（不设置，默认主题色）
+    // 文字激活颜色（不设置，默认主题色）
     activeTextColor: {
       type: String,
       default() {
-        return tabs.activeColor
+        return tabs.activeTextColor
       }
     },
     // 是否显示底部的滑块

diff --git a/config/tabs.js b/config/tabs.js
@@ -8,6 +8,7 @@ export default {
   stretch: false, // 标签是否自动撑开，（当scrollable时候生效）
   duration: 300, // 动画执行时间（毫秒）
   activeColor: '', // 激活颜色（不设置，默认主题色）
+  activeTextColor: '', // 文字激活颜色（不设置，默认主题色）
   showSliderBar: true, // 是否显示底部的滑块
   showSliderBarGuide: false, // 是否显示底部滑块导轨
   sliderBarWidth: '', // 底部的滑块的宽度，单位rpx（如果不设置，默认按照当前item文字的宽度去适配）