feat: 调整了长文本组件的渲染

src/static/scss/flex.scss

@@ -37,28 +37,4 @@
 
 .flex-shrink-0 {
   flex-shrink: 0;
-}
-
-.gap-6 {
-  gap: 6px;
-}
-
-.gap-8 {
-  gap: 8px;
-}
-
-.gap-10 {
-  gap: 10px;
-}
-
-.gap-12 {
-  gap: 12px;
-}
-
-.gap-14 {
-  gap: 14px;
-}
-
-.gap-16 {
-  gap: 16px;
-}
+}

src/static/scss/gap.scss

@@ -0,0 +1,35 @@
+.gap-2 {
+  gap: 2px;
+}
+
+.gap-4 {
+  gap: 4px;
+}
+
+.gap-6 {
+  gap: 6px;
+}
+
+.gap-8 {
+  gap: 8px;
+}
+
+.gap-10 {
+  gap: 10px;
+}
+
+.gap-12 {
+  gap: 12px;
+}
+
+.gap-16 {
+  gap: 16px;
+}
+
+.gap-20 {
+  gap: 20px;
+}
+
+.gap-24 {
+  gap: 24px;
+}

src/static/scss/index.scss

@@ -23,3 +23,4 @@
 @import "./word-break.scss";
 @import "./min-height.scss";
 @import "./min-width.scss";
+@import "./gap.scss";