feat: 首页欢迎语组件布局调整

src/static/scss/flex.scss

@@ -11,6 +11,10 @@
   justify-content: center;
 }
 
+.flex-justify-between {
+  justify-content: space-between;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -18,3 +22,15 @@
 .flex-wrap {
   flex-wrap: wrap;
 }
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.flex-full {
+  flex: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}

src/static/scss/font-family.scss

@@ -2,3 +2,7 @@
 .font-family-sans-serif {
   font-family: sans-serif;
 }
+
+.font-family-misans-vf {
+  font-family: MiSans VF, MiSans VF;
+}

src/static/scss/index.scss

@@ -18,4 +18,4 @@
 @import "./overflow.scss";
 @import "./width.scss";
 @import "./z-index.scss";
-@import "./white-scape.scss";
+@import "./white-space.scss";

src/static/scss/padding.scss

@@ -31,6 +31,14 @@
   padding-right: 16px;
 }
 
+.p-20 {
+  padding: 20px;
+}
+
+.pt-20 {
+  padding-top: 20px;
+}
+
 .pl-20 {
   padding-left: 20px;
 }
@@ -38,3 +46,7 @@
 .pr-20 {
   padding-right: 20px;
 }
+
+.pb-20 {
+  padding-bottom: 20px;
+}

src/static/scss/white-space.scss

@@ -1,3 +1,3 @@
-.whitescape-nowrap {
+.whitesspace-nowrap {
   white-space: nowrap;
 }