Skip to content

Commit 6921247

Browse files
committed
fix: 修复自定义tabbar颜色叠加问题
1 parent 20c8822 commit 6921247

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

packages/components/tab-bar-item/tab-bar-item.less

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
@tab-bar-height: var(--td-tab-bar-height, 80rpx);
66
@tab-bar-color: var(--td-tab-bar-color, @text-color-primary);
77
@tab-bar-bg-color: var(--td-tab-bar-bg-color, @bg-color-container);
8+
@tab-bar-item-bg-color: var(--td-tab-bar-item-bg-color, transparent);
89
@tab-bar-border-color: var(--td-tab-bar-border-color, @border-color);
910
@tab-bar-hover-bg-color: var(--td-tab-bar-hover-bg-color, rgba(0, 0, 0, 0.05));
1011
@tab-bar-active-color: var(--td-tab-bar-active-color, @brand-color);
@@ -23,7 +24,7 @@
2324
user-select: none;
2425
position: relative;
2526
margin: 16rpx 0;
26-
background-color: @tab-bar-bg-color;
27+
background-color: @tab-bar-item-bg-color;
2728
padding: 0 24rpx;
2829

2930
&--text-only {

0 commit comments

Comments
 (0)