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;
|
|||
|
|
}
|
|||
|
|
|