xiaoshi-wx/node_modules/wux-weapp/example/dist/segmented-control/index.wxss

.wux-segment {
  display: flex;
  border-radius: 12rpx;
  overflow: hidden;
  min-height: 54rpx;
  opacity: 1;
  margin: 0 30rpx 30rpx
}
.wux-segment--disabled {
  opacity: .3
}
.wux-segment__item {
  display: flex;
  flex: 1;
  justify-content: 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: 12rpx 0 0 12rpx
}
.wux-segment__item:last-child {
  border-radius: 0 12rpx 12rpx 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: #387ef5;
  border-color: #387ef5
}
.wux-segment--positive .wux-segment__item--current {
  background: #387ef5;
  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
}