123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .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;
- padding: 0 30rpx
- }
- .wux-tabs__tab-bar {
- display: block;
- width: calc(100% - 60rpx);
- height: 4rpx;
- background: 0 0;
- position: absolute;
- bottom: 0;
- left: 30rpx;
- background: #33cd5f;
- border-radius: 4rpx
- }
- .wux-tabs__tab-bar--full {
- width: 100%;
- left: 0
- }
- .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;
- 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
- }
|