feat: 调整RecommendPostsList组件样式

src/static/scss/font-size.scss

@@ -1,4 +1,8 @@
 // 字体-size
+.font-size-0 {
+  font-size: 0px;
+}
+
 .font-size-12 {
   font-size: 12px;
 }

src/static/scss/index.scss

@@ -17,3 +17,4 @@
 @import "./scroll.scss";
 @import "./overflow.scss";
 @import "./width.scss";
+@import "./z-index.scss";

src/static/scss/margin.scss

@@ -1,4 +1,12 @@
 // 外边距-bottom
+.m-4 {
+  margin: 4px;
+}
+
+.mr-8 {
+  margin-right: 8px;
+}
+
 .mb-10 {
   margin-bottom: 10px;
 }

src/static/scss/padding.scss

@@ -1,4 +1,8 @@
 // 内边距
+.p-8 {
+  padding: 8px;
+}
+
 .p-12 {
   padding: 12px;
 }

src/static/scss/rounded.scss

@@ -11,6 +11,14 @@
   border-radius: 12px;
 }
 
+.rounded-16 {
+  border-radius: 16px;
+}
+
+.rounded-20 {
+  border-radius: 20px;
+}
+
 .rounded-full {
   border-radius: 50%;
 }

src/static/scss/z-index.scss

@@ -0,0 +1,15 @@
+.z-0 {
+  z-index: 0;
+}
+
+.z-10 {
+  z-index: 10;
+}
+
+.z-20 {
+  z-index: 20;
+}
+
+.z-30 {
+  z-index: 30;
+}