70 lines
1.3 KiB
Plaintext
70 lines
1.3 KiB
Plaintext
|
||
.service-first-tab.data-v-f72b1a12 {
|
||
position: relative;
|
||
width: 100%;
|
||
background-color: #fff;
|
||
box-shadow: 0 4rpx 10rpx rgba(0,0,0,0.05);
|
||
}
|
||
|
||
|
||
/* 反圆角 */
|
||
|
||
|
||
/* .service-first-tab::after {
|
||
content: '';
|
||
position: absolute;
|
||
|
||
left: 0;
|
||
width: 100%;
|
||
height: 40rpx;
|
||
background: #fafafa;
|
||
border-top-left-radius: 30rpx;
|
||
border-top-right-radius: 30rpx;
|
||
} */
|
||
.tab-scroll.data-v-f72b1a12 {
|
||
width: 100%;
|
||
white-space: nowrap;
|
||
}
|
||
.tab-container.data-v-f72b1a12 {
|
||
display: flex;
|
||
padding: 0 30rpx;
|
||
gap: 60rpx;
|
||
}
|
||
.tab-item.data-v-f72b1a12 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
/* padding: 0 20rpx; */
|
||
/* height: 88rpx; */
|
||
justify-content: center;
|
||
position: relative;
|
||
}
|
||
|
||
|
||
/* 非激活色：使用CSS变量 --inactive-color */
|
||
.tab-text.data-v-f72b1a12 {
|
||
font-size: 30rpx;
|
||
color: var(--inactive-color);
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
|
||
/* 激活色：使用CSS变量 --active-color */
|
||
.tab-item.active .tab-text.data-v-f72b1a12 {
|
||
color: var(--active-color);
|
||
font-weight: 500;
|
||
}
|
||
|
||
|
||
/* 下划线颜色：与激活色一致，使用 --active-color */
|
||
.tab-active-indicator.data-v-f72b1a12 {
|
||
position: absolute;
|
||
bottom: 0;
|
||
width: 32rpx;
|
||
height: 6rpx; /* 可关联 indicatorHeight props，见延伸优化 */
|
||
background-color: var(--active-color);
|
||
border-radius: 10rpx;
|
||
transition: all 0.2s;
|
||
}
|
||
|