Browse Source

移动端适配

es6
guy 4 years ago
parent
commit
544ecfe73d
  1. 4
      src/less/base/segment/button.segment.less
  2. 9
      src/less/core/utils/list-item.less

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

@ -2,4 +2,8 @@
.bi-segment-button { .bi-segment-button {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
&:active {
color: @color-bi-text-highlight;
.background-color(@color-bi-background-highlight, 10%);
}
} }

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

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

Loading…
Cancel
Save