移动端适配

src/less/base/segment/button.segment.less

@@ -1,5 +1,9 @@
 @import "../../index";
 
-.bi-segment-button{
+.bi-segment-button {
   color: @color-bi-text-highlight;
+  &:active {
+    color: @color-bi-text-highlight;
+    .background-color(@color-bi-background-highlight, 10%);
+  }
 }

src/less/core/utils/list-item.less

@@ -1,6 +1,6 @@
 @import "../../index";
 
-// hover的时候背景变化
+// hover的时候背景变化,文字变黑
 .bi-list-item {
   &:hover, &.hover {
     color: @color-bi-text-black;
@@ -93,6 +93,7 @@
   }
 }
 
+// hover的时候文字变黑
 // active的时候文字高亮
 .bi-list-item-effect {
   &:hover {
@@ -167,7 +168,7 @@
   }
 }
 
-// hover的时候背景变化,
+// hover的时候背景变化,文字变黑
 // :active的时候文字高亮,背景变化
 .bi-list-item-active {
   &:hover, &.hover {
@@ -256,7 +257,7 @@
   }
 }
 
-// hover的时候背景变化
+// hover的时候背景变化,文字变黑
 // active的时候文字高亮,背景变化
 .bi-list-item-active2 {
   &:hover, &.hover {
@@ -504,7 +505,7 @@
   }
 }
 
-// hover的时候边框高亮
+// hover的时候边框高亮,文字变黑
 // :active的时候文字高亮，边框高亮
 // .active的时候背景高亮，边框高亮
 .bi-list-item-select2 {