You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
1.9 KiB
96 lines
1.9 KiB
.wux-tabs__tab {
|
|
flex: 1;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
font-size: 28rpx;
|
|
color: #80848f
|
|
}
|
|
.wux-tabs__tab-bar {
|
|
display: block;
|
|
width: 100%;
|
|
height: 4rpx;
|
|
background: 0 0;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #33cd5f
|
|
}
|
|
.wux-tabs__tab--vertical {
|
|
padding: 0 30rpx
|
|
}
|
|
.wux-tabs__tab--vertical .wux-tabs__tab-bar {
|
|
width: 4rpx;
|
|
height: 100%;
|
|
right: 0;
|
|
left: auto
|
|
}
|
|
.wux-tabs__tab--current {
|
|
color: #33cd5f
|
|
}
|
|
.wux-tabs__tab--horizontal.wux-tabs__tab--scroll {
|
|
display: inline-flex;
|
|
padding: 0 30rpx;
|
|
width: auto
|
|
}
|
|
.wux-tabs__tab--disabled {
|
|
opacity: .3
|
|
}
|
|
.wux-tabs__tab--light .wux-tabs__tab-bar {
|
|
background: #ddd
|
|
}
|
|
.wux-tabs__tab--light.wux-tabs__tab--current {
|
|
color: #ddd
|
|
}
|
|
.wux-tabs__tab--stable .wux-tabs__tab-bar {
|
|
background: #b2b2b2
|
|
}
|
|
.wux-tabs__tab--stable.wux-tabs__tab--current {
|
|
color: #b2b2b2
|
|
}
|
|
.wux-tabs__tab--positive .wux-tabs__tab-bar {
|
|
background: #387ef5
|
|
}
|
|
.wux-tabs__tab--positive.wux-tabs__tab--current {
|
|
color: #387ef5
|
|
}
|
|
.wux-tabs__tab--calm .wux-tabs__tab-bar {
|
|
background: #11c1f3
|
|
}
|
|
.wux-tabs__tab--calm.wux-tabs__tab--current {
|
|
color: #11c1f3
|
|
}
|
|
.wux-tabs__tab--assertive .wux-tabs__tab-bar {
|
|
background: #ef473a
|
|
}
|
|
.wux-tabs__tab--assertive.wux-tabs__tab--current {
|
|
color: #ef473a
|
|
}
|
|
.wux-tabs__tab--balanced .wux-tabs__tab-bar {
|
|
background: #33cd5f
|
|
}
|
|
.wux-tabs__tab--balanced.wux-tabs__tab--current {
|
|
color: #33cd5f
|
|
}
|
|
.wux-tabs__tab--energized .wux-tabs__tab-bar {
|
|
background: #ffc900
|
|
}
|
|
.wux-tabs__tab--energized.wux-tabs__tab--current {
|
|
color: #ffc900
|
|
}
|
|
.wux-tabs__tab--royal .wux-tabs__tab-bar {
|
|
background: #886aea
|
|
}
|
|
.wux-tabs__tab--royal.wux-tabs__tab--current {
|
|
color: #886aea
|
|
}
|
|
.wux-tabs__tab--dark .wux-tabs__tab-bar {
|
|
background: #444
|
|
}
|
|
.wux-tabs__tab--dark.wux-tabs__tab--current {
|
|
color: #444
|
|
}
|