@import '../common/index.wxss';
|
.van-tabs {
|
-webkit-tap-highlight-color: transparent;
|
position: relative;
|
}
|
.van-tabs__wrap {
|
display: flex;
|
overflow: hidden;
|
}
|
.van-tabs__wrap--scrollable .van-tab {
|
flex: 0 0 22%;
|
}
|
.van-tabs__wrap--scrollable .van-tab--complete {
|
flex: 1 0 auto !important;
|
padding: 0 12px;
|
}
|
.van-tabs__wrap--scrollable .van-tabs__nav--complete {
|
padding-left: 8px;
|
padding-right: 8px;
|
}
|
.van-tabs__scroll {
|
background-color: var(--tabs-nav-background-color, #fff);
|
}
|
.van-tabs__scroll--line {
|
box-sizing: initial;
|
height: calc(100% + 15px);
|
}
|
.van-tabs__scroll--card {
|
border: 1px solid var(--tabs-default-color, #ee0a24);
|
border-radius: 2px;
|
box-sizing: border-box;
|
margin: 0 var(--padding-md, 16px);
|
width: calc(100% - var(--padding-md, 16px) * 2);
|
}
|
.van-tabs__scroll::-webkit-scrollbar {
|
display: none;
|
}
|
.van-tabs__nav {
|
display: flex;
|
position: relative;
|
-webkit-user-select: none;
|
user-select: none;
|
}
|
.van-tabs__nav--card {
|
box-sizing: border-box;
|
height: var(--tabs-card-height, 30px);
|
}
|
.van-tabs__nav--card .van-tab {
|
border-right: 1px solid var(--tabs-default-color, #ee0a24);
|
color: var(--tabs-default-color, #ee0a24);
|
line-height: calc(var(--tabs-card-height, 30px) - 2px);
|
}
|
.van-tabs__nav--card .van-tab:last-child {
|
border-right: none;
|
}
|
.van-tabs__nav--card .van-tab.van-tab--active {
|
background-color: var(--tabs-default-color, #ee0a24);
|
color: #fff;
|
}
|
.van-tabs__nav--card .van-tab--disabled {
|
color: var(--tab-disabled-text-color, #c8c9cc);
|
}
|
.van-tabs__line {
|
background-color: var(--tabs-bottom-bar-color, #ee0a24);
|
border-radius: var(--tabs-bottom-bar-height, 3px);
|
bottom: 0;
|
height: var(--tabs-bottom-bar-height, 3px);
|
left: 0;
|
position: absolute;
|
z-index: 1;
|
}
|
.van-tabs__track {
|
height: 100%;
|
position: relative;
|
width: 100%;
|
}
|
.van-tabs__track--animated {
|
display: flex;
|
transition-property: left;
|
}
|
.van-tabs__content {
|
overflow: hidden;
|
}
|
.van-tabs--line .van-tabs__wrap {
|
height: var(--tabs-line-height, 44px);
|
}
|
.van-tabs--card .van-tabs__wrap {
|
height: var(--tabs-card-height, 30px);
|
}
|
.van-tab {
|
box-sizing: border-box;
|
color: var(--tab-text-color, #646566);
|
cursor: pointer;
|
flex: 1;
|
font-size: var(--tab-font-size, 14px);
|
line-height: 44rpx;
|
min-width: 0;
|
position: relative;
|
text-align: center;
|
height: var(--tabs-line-height);
|
font-weight: var(--font-weight-bold);
|
}
|
.van-tab--active {
|
color: var(--tab-active-text-color, #323233);
|
font-weight: var(--font-weight-bold, 500);
|
}
|
.van-tab--disabled {
|
color: var(--tab-disabled-text-color, #c8c9cc);
|
}
|
.van-tab__title__info {
|
display: inline-block;
|
position: relative !important;
|
top: -1px !important;
|
transform: translateX(0) !important;
|
}
|
