1

src/other_pages/message/index.scss

@@ -10,7 +10,6 @@
 
   // 顶部导航栏
   .navbar {
-    height: 56px;
     background: #ffffff;
     position: sticky;
     top: 0;
@@ -50,34 +49,20 @@
   .category-tabs {
     display: flex;
     align-items: stretch;
+    justify-content: space-between;
     gap: 20px;
     padding: 6px 24px;
     background: #ffffff;
+    box-sizing: border-box;
+    height: 124px;
 
     .tab-item {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
-    }
-  }
-  // 消息列表
-  .message-list {
-    flex: 1;
-    overflow: hidden;
-    box-sizing: border-box;
-    // margin-bottom:100px;
-    background-color: none !important;
+      width: 161px;
 
-    .message-list-content {
-      display: flex;
-      flex-direction: column;
-      padding: 12px 12px 112px;
-      gap: 8px;
-      padding: 12px 15px;
-      flex: 1;
-      cursor: pointer;
-      transition: all 0.2s;
 
       .tab-icon {
         width: 56px;
@@ -109,6 +94,27 @@
     }
   }
 
+  // 消息列表
+  // .message-list {
+  //   flex: 1;
+  //   overflow: hidden;
+  //   box-sizing: border-box;
+  //   // margin-bottom:100px;
+  //   background-color: none !important;
+
+  //   .message-list-content {
+  //     display: flex;
+  //     flex-direction: column;
+  //     padding: 12px 12px 112px;
+  //     gap: 8px;
+  //     padding: 12px 15px;
+  //     flex: 1;
+  //     cursor: pointer;
+  //     transition: all 0.2s;
+
+  //   }
+  // }
+
   // 消息滚动区域
   .message-scroll {
     flex: 1;
@@ -206,6 +212,7 @@
 
           .action-arrow {
             position: relative;
+
             .img {
               position: absolute;
               left: -16px;
@@ -247,12 +254,10 @@
     width: 60px;
     height: 60px;
     border-radius: 50%;
-    background: radial-gradient(
-      circle at 27% 8%,
-      rgba(189, 255, 74, 1) 17%,
-      rgba(149, 242, 62, 1) 54%,
-      rgba(50, 216, 56, 1) 100%
-    );
+    background: radial-gradient(circle at 27% 8%,
+        rgba(189, 255, 74, 1) 17%,
+        rgba(149, 242, 62, 1) 54%,
+        rgba(50, 216, 56, 1) 100%);
     border: 2px solid rgba(0, 0, 0, 0.06);
     box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
     display: flex;
@@ -300,4 +305,4 @@
       }
     }
   }
-}
+}