From 28ff05d676469828490003de5c35a30bb6989857 Mon Sep 17 00:00:00 2001 From: guy Date: Thu, 27 Aug 2020 09:59:40 +0800 Subject: [PATCH] bugfix --- .../core/wrapper/flex.wrapper.horizontal.less | 26 ++++++++++++++++++- .../core/wrapper/flex.wrapper.vertical.less | 23 +++++++++++++++- 2 files changed, 47 insertions(+), 2 deletions(-) diff --git a/src/less/core/wrapper/flex.wrapper.horizontal.less b/src/less/core/wrapper/flex.wrapper.horizontal.less index f53f95c64..3e21f97c7 100644 --- a/src/less/core/wrapper/flex.wrapper.horizontal.less +++ b/src/less/core/wrapper/flex.wrapper.horizontal.less @@ -56,6 +56,7 @@ -o-align-items: center; align-items: center; } + &.v-bottom { /* 09版 */ -webkit-box-align: flex-end; @@ -66,6 +67,7 @@ -o-align-items: flex-end; align-items: flex-end; } + &.v-stretch { /* 09版 */ -webkit-box-align: stretch; @@ -76,6 +78,28 @@ -o-align-items: stretch; align-items: stretch; } + + &.h-center { + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + &.h-right { + /* 12版 */ + -webkit-flex-direction: row-reverse; + -moz-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + -o-flex-direction: row-reverse; + flex-direction: row-reverse; + } + &.h-stretch { /* 09版 */ -webkit-box-orient: vertical; @@ -106,4 +130,4 @@ align-items: stretch; } } -} \ No newline at end of file +} diff --git a/src/less/core/wrapper/flex.wrapper.vertical.less b/src/less/core/wrapper/flex.wrapper.vertical.less index c698d4832..19ea3fc5a 100644 --- a/src/less/core/wrapper/flex.wrapper.vertical.less +++ b/src/less/core/wrapper/flex.wrapper.vertical.less @@ -80,6 +80,27 @@ align-items: stretch; } + &.v-middle { + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + + &.v-bottom { + /* 12版 */ + -webkit-flex-direction: column-reverse; + -moz-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + -o-flex-direction: column-reverse; + flex-direction: column-reverse; + } + &.v-stretch { /* 09版 */ -webkit-box-orient: horizontal; @@ -110,4 +131,4 @@ align-items: stretch; } } -} \ No newline at end of file +}