From d8b41fff43a2cee6a8f714ffa807623b15803786 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Fri, 20 Oct 2023 15:21:35 +0800
Subject: [PATCH] fix:立行立改Uniapp小程序新建项目
---
uni_modules/uview-ui/libs/css/flex.scss | 257 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 257 insertions(+), 0 deletions(-)
diff --git a/uni_modules/uview-ui/libs/css/flex.scss b/uni_modules/uview-ui/libs/css/flex.scss
new file mode 100644
index 0000000..6d61be9
--- /dev/null
+++ b/uni_modules/uview-ui/libs/css/flex.scss
@@ -0,0 +1,257 @@
+// .u-flex {
+// @include vue-flex(row);
+// }
+
+// .u-flex-x {
+// @include vue-flex(row);
+// }
+
+// .u-flex-y {
+// @include vue-flex(column);
+// }
+
+// .u-flex-xy-center {
+// @include vue-flex(row);
+// justify-content: center;
+// align-items: center;
+// }
+
+// .u-flex-x-center {
+// @include vue-flex(row);
+// justify-content: center;
+// }
+
+// .u-flex-y-center {
+// @include vue-flex(column);
+// justify-content: center;
+// }
+
+
+// flex������
+.u-flex,
+.u-flex-row,
+.u-flex-x {
+ @include flex;
+}
+
+.u-flex-y,
+.u-flex-column {
+ @include flex(column);
+}
+
+.u-flex-x-center {
+ @include flex;
+ justify-content: center;
+}
+
+.u-flex-xy-center {
+ @include flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.u-flex-y-center {
+ @include flex;
+ align-items: center;
+}
+
+.u-flex-x-left {
+ @include flex;
+}
+
+.u-flex-x-reverse,
+.u-flex-row-reverse {
+ flex-direction: row-reverse;
+}
+
+.u-flex-y-reverse,
+.u-flex-column-reverse {
+ flex-direction: column-reverse;
+}
+
+/* #ifndef APP-NVUE */
+// ���������vue������������������������nvue���������������������������������������������������
+// nvue���������������class="u-flex-x u-flex-x-reverse���������"
+.u-flex.u-flex-reverse,
+.u-flex-row.u-flex-reverse,
+.u-flex-x.u-flex-reverse {
+ flex-direction: row-reverse;
+}
+
+.u-flex-column.u-flex-reverse,
+.u-flex-y.u-flex-reverse {
+ flex-direction: column-reverse;
+}
+
+// ������������
+.u-flex-fill {
+ flex: 1 1 auto
+}
+
+// ������������������
+.u-margin-top-auto,
+.u-m-t-auto {
+ margin-top: auto !important
+}
+
+.u-margin-right-auto,
+.u-m-r-auto {
+ margin-right: auto !important
+}
+
+.u-margin-bottom-auto,
+.u-m-b-auto {
+ margin-bottom: auto !important
+}
+
+.u-margin-left-auto,
+.u-m-l-auto {
+ margin-left: auto !important
+}
+
+.u-margin-center-auto,
+.u-m-c-auto {
+ margin-left: auto !important;
+ margin-right: auto !important
+}
+
+.u-margin-middle-auto,
+.u-m-m-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important
+}
+/* #endif */
+
+// ������
+.u-flex-wrap {
+ flex-wrap: wrap;
+}
+
+// ������������
+.u-flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+}
+
+// ������������������
+.u-flex-start {
+ justify-content: flex-start
+}
+
+// ������������������
+.u-flex-center {
+ justify-content: center
+}
+
+// ������������������
+.u-flex-end {
+ justify-content: flex-end
+}
+
+// ������������������
+.u-flex-between {
+ justify-content: space-between
+}
+
+// ������������������
+.u-flex-around {
+ justify-content: space-around
+}
+
+// ���������������������
+.u-flex-items-start {
+ align-items: flex-start
+}
+
+// ���������������������
+.u-flex-items-center {
+ align-items: center
+}
+
+// ���������������������
+.u-flex-items-end {
+ align-items: flex-end
+}
+
+// ������������������������������������
+.u-flex-items-baseline {
+ align-items: baseline
+}
+
+// ���������������������������
+.u-flex-items-stretch {
+ align-items: stretch
+}
+
+
+// ������������������(���������)������
+
+// ������������������������������
+.u-flex-self-start {
+ align-self: flex-start
+}
+
+// ������������������������������
+.u-flex-self-center {
+ align-self: center
+}
+
+// ������������������������������
+.u-flex-self-end {
+ align-self: flex-end
+}
+
+// ���������������������������������������������
+.u-flex-self-baseline {
+ align-self: baseline
+}
+
+// ������������������������������������
+.u-flex-self-stretch {
+ align-self: stretch
+}
+
+// ������������������������������
+
+// ������������
+.u-flex-content-start {
+ align-content: flex-start
+}
+
+// ������������
+.u-flex-content-center {
+ align-content: center
+}
+
+// ������������
+.u-flex-content-end {
+ align-content: flex-end
+}
+
+// ������������
+.u-flex-content-between {
+ align-content: space-between
+}
+
+// ������������
+.u-flex-content-around {
+ align-content: space-around
+}
+
+// ������������������
+.u-flex-middle {
+ justify-content: center;
+ align-items: center;
+ align-self: center;
+ align-content: center
+}
+
+// ������������������
+.u-flex-grow {
+ flex-grow: 1
+}
+
+// ������������������
+.u-flex-shrink {
+ flex-shrink: 1
+}
+
--
Gitblit v1.8.0