Browse Source

优化布局

es6
guy 3 years ago
parent
commit
54fb4d0027
  1. 17
      src/less/core/wrapper/flex.wrapper.vertical.less

17
src/less/core/wrapper/flex.wrapper.vertical.less

@ -30,6 +30,7 @@
.bi-f-s-v, .bi-flex-scrollable-vertical-layout { .bi-f-s-v, .bi-flex-scrollable-vertical-layout {
.flex(); .flex();
.vertical();
&.h-center { &.h-center {
> .f-s-v-w { > .f-s-v-w {
@ -45,7 +46,7 @@
} }
} }
&.v-bottom { &.h-right {
/* 09版 */ /* 09版 */
-webkit-box-align: flex-end; -webkit-box-align: flex-end;
/* 12版 */ /* 12版 */
@ -57,7 +58,7 @@
align-items: flex-end; align-items: flex-end;
} }
&.h-right { &.v-bottom {
/* 09版 */ /* 09版 */
-webkit-box-pack: flex-end; -webkit-box-pack: flex-end;
/* 12版 */ /* 12版 */
@ -69,6 +70,18 @@
justify-content: flex-end; justify-content: flex-end;
} }
&.h-stretch {
/* 09版 */
-webkit-box-align: stretch;
/* 12版 */
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-ms-flex-align: stretch;
-o-align-items: stretch;
align-items: stretch;
}
& .f-s-v-w, & .flex-scrollable-vertical-layout-wrapper { & .f-s-v-w, & .flex-scrollable-vertical-layout-wrapper {
.flex(); .flex();
.vertical(); .vertical();

Loading…
Cancel
Save