Skip to content

Commit 3d5bce6

Browse files
committed
fix(TabBar): 修复文字选中颜色无法默认使用 theme-color 的问题
close #1521
1 parent 15fe5e8 commit 3d5bce6

File tree

3 files changed

+6
-2
lines changed

3 files changed

+6
-2
lines changed

src/tab-bar/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ Component({
2424
// 文字选中颜色
2525
textSelectedColor: {
2626
type: String,
27-
value: '#3963bc'
27+
value: ''
2828
},
2929
// 文字未选中颜色
3030
textColor: {

src/tab-bar/index.less

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,3 +45,7 @@
4545
font-size: 24rpx;
4646
line-height: 1;
4747
}
48+
49+
.@{component}__item-text--selected {
50+
color: @theme-color;
51+
}

src/tab-bar/index.wxml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<image class="lu-tab-bar__item-image {{selectedIndex===index?'lu-tab-bar__item-image--selected':''}}" src="{{selectedIndex===index?item.selectedIconPath:item.iconPath}}"></image>
88
</l-badge>
99
<!-- 标签文字 -->
10-
<view wx:if="{{item.text!==undefined}}" class="lu-tab-bar__item-text {{selectedIndex===index?'lu-tab-bar__item-text--selected':''}}" style="color:{{selectedIndex===index?textSelectedColor:textColor}}">
10+
<view wx:if="{{item.text!==undefined}}" class="lu-tab-bar__item-text {{selectedIndex===index?'lu-tab-bar__item-text--selected':''}}" style="{{selectedIndex===index?textSelectedColor?'color:'+textSelectedColor:'':'color:'+textColor}}">
1111
{{item.text}}
1212
</view>
1313
</view>

0 commit comments

Comments
 (0)