From 7f7cd131958b02a34a2ea8cf56a722acf9b3ab70 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Tue, 9 Aug 2022 11:32:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E5=90=88=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue            | 26 --------------------------
 src/styles/common.scss | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 26 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c0f42b34..2fdfc104 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -68,7 +68,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import '~uview-ui/index.scss';
 @import 'styles/common';
 
 body {
@@ -113,31 +112,6 @@ div[bottom] {
   }
 }
 
-div[flex] {
-  display: flex;
-  align-items: center;
-
-  &.spb {
-    justify-content: space-between;
-  }
-
-  &.wrap {
-    flex-wrap: wrap;
-  }
-
-  &.column {
-    flex-direction: column;
-  }
-
-  &.start {
-    align-items: flex-start;
-  }
-}
-
-div[shrink] {
-  flex-shrink: 0;
-}
-
 uni-button {
   border-radius: 4px;
 
diff --git a/src/styles/common.scss b/src/styles/common.scss
index bf1d5a31..9a1874b7 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -1,3 +1,42 @@
+@import '~uview-ui/index.scss';
 @import "styles/ckeditor";
 @import "styles/party";
 @import "styles/iconfont.css";
+
+/**
+常用内外边距样式
+ */
+@each $padMar, $pm in (mar:margin, pad:padding) {
+  @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
+    @each $v in (8, 10, 16, 32) {
+      .#{$padMar}-#{$pos+$v} {
+        #{$pm}-#{$p}: #{$v}px
+      }
+    }
+  }
+}
+
+div[flex] {
+  display: flex;
+  align-items: center;
+
+  &.spb {
+    justify-content: space-between;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.column {
+    flex-direction: column;
+  }
+
+  &.start {
+    align-items: flex-start;
+  }
+}
+
+div[shrink] {
+  flex-shrink: 0;
+}