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.
113 lines
2.3 KiB
113 lines
2.3 KiB
.wux-segment {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
border-radius: 6rpx;
|
|
overflow: hidden;
|
|
min-height: 60rpx;
|
|
opacity: 1;
|
|
}
|
|
.wux-segment--disabled {
|
|
opacity: .3
|
|
}
|
|
.wux-segment__item {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #33cd5f;
|
|
font-size: 28rpx;
|
|
line-height: 1;
|
|
transition: background .3s;
|
|
position: relative;
|
|
border: 2rpx solid #33cd5f;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border-left-width: 0
|
|
}
|
|
.wux-segment__item:first-child {
|
|
border-left-width: 2rpx;
|
|
border-radius: 6rpx 0 0 6rpx
|
|
}
|
|
.wux-segment__item:last-child {
|
|
border-radius: 0 6rpx 6rpx 0
|
|
}
|
|
.wux-segment__item--current {
|
|
background: #33cd5f;
|
|
color: #fff
|
|
}
|
|
.wux-segment--light .wux-segment__item {
|
|
color: #ddd;
|
|
border-color: #ddd
|
|
}
|
|
.wux-segment--light .wux-segment__item--current {
|
|
background: #ddd;
|
|
color: #fff
|
|
}
|
|
.wux-segment--stable .wux-segment__item {
|
|
color: #ddd;
|
|
border-color: #ddd
|
|
}
|
|
.wux-segment--stable .wux-segment__item--current {
|
|
background: #ddd;
|
|
color: #fff
|
|
}
|
|
.wux-segment--positive .wux-segment__item {
|
|
color: #008aff;
|
|
border-color: #008aff
|
|
}
|
|
.wux-segment--positive .wux-segment__item--current {
|
|
background: #008aff;
|
|
color: #fff
|
|
}
|
|
.wux-segment--calm .wux-segment__item {
|
|
color: #11c1f3;
|
|
border-color: #11c1f3
|
|
}
|
|
.wux-segment--calm .wux-segment__item--current {
|
|
background: #11c1f3;
|
|
color: #fff
|
|
}
|
|
.wux-segment--assertive .wux-segment__item {
|
|
color: #ef473a;
|
|
border-color: #ef473a
|
|
}
|
|
.wux-segment--assertive .wux-segment__item--current {
|
|
background: #ef473a;
|
|
color: #fff
|
|
}
|
|
.wux-segment--balanced .wux-segment__item {
|
|
color: #33cd5f;
|
|
border-color: #33cd5f
|
|
}
|
|
.wux-segment--balanced .wux-segment__item--current {
|
|
background: #33cd5f;
|
|
color: #fff
|
|
}
|
|
.wux-segment--energized .wux-segment__item {
|
|
color: #ffc900;
|
|
border-color: #ffc900
|
|
}
|
|
.wux-segment--energized .wux-segment__item--current {
|
|
background: #ffc900;
|
|
color: #fff
|
|
}
|
|
.wux-segment--royal .wux-segment__item {
|
|
color: #886aea;
|
|
border-color: #886aea
|
|
}
|
|
.wux-segment--royal .wux-segment__item--current {
|
|
background: #886aea;
|
|
color: #fff
|
|
}
|
|
.wux-segment--dark .wux-segment__item {
|
|
color: #444;
|
|
border-color: #444
|
|
}
|
|
.wux-segment--dark .wux-segment__item--current {
|
|
background: #444;
|
|
color: #fff
|
|
}
|