feat: 首页样式调整

pages/home/index/index.vue

@@ -13,7 +13,7 @@
     </view>
 
     <!-- 首页 -->
-    <view class="content" v-if="!isChat">
+    <view class="main-content" v-if="!isChat">
       <view class="welcome-message">
         <image
           class="avatar"
@@ -588,7 +588,7 @@ page {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: 0 88rpx;
-  // overflow-y: scroll;
+  // overflow: hidden; /* 改为 hidden 防止页面整体滚动 */
 }
 
 .home-container {
@@ -628,7 +628,7 @@ page {
     }
   }
 
-  .content {
+  .main-content {
     padding: 30rpx;
     padding-top: 100rpx;
 
@@ -776,115 +776,8 @@ page {
       }
     }
   }
-}
 
-.drawer-container {
+  .chat-container {
-  padding: 32rpx;
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  background-color: #ffffff;
-
-  .chat-history-list {
-    flex: 1;
-    // padding: 30rpx 40rpx;
-    height: calc(100vh - 200rpx);
-
-    .chat-day {
-      display: flex;
-      margin: 20rpx 0 20rpx 30rpx;
-
-      .day-text {
-        font-size: 24rpx;
-        color: #999999;
-        font-family: PingFang SC;
-        margin-bottom: 10rpx;
-      }
-    }
-
-    .chat-item {
-      padding: 24rpx 30rpx;
-      border-radius: 16rpx;
-      // margin-bottom: 30rpx;
-
-      .chat-text {
-        font-size: 28rpx;
-        color: #303030;
-        font-family: PingFang SC;
-      }
-
-      &-active {
-        background-color: #4f6aff;
-
-        .chat-text {
-          color: #fff;
-        }
-      }
-    }
-  }
-
-  .drawer-footer {
-    height: 130rpx;
-    border: 1rpx solid #eeeeee;
-    border-radius: 12rpx;
-    padding: 0 30rpx;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .user-info {
-      display: flex;
-      align-items: center;
-
-      .user-avatar {
-        width: 56rpx;
-        height: 56rpx;
-        border-radius: 50%;
-        margin-right: 30rpx;
-      }
-
-      .user-name {
-        font-size: 28rpx;
-        font-weight: bold;
-        font-family: DouyinSans;
-        color: #333;
-      }
-    }
-
-    .settings {
-      padding: 10rpx;
-    }
-  }
-}
-
-/* 响应式布局 - PC端样式 */
-@media screen and (min-width: 768px) {
-  .home-container {
-    .content {
-      max-width: 1200rpx;
-      margin: 0 auto;
-
-      .qa-section {
-        .qa-list {
-          display: flex;
-          flex-wrap: wrap;
-
-          .qa-item {
-            width: 48%;
-            margin-right: 2%;
-          }
-        }
-      }
-
-      .feature-grid {
-        max-width: 1200rpx;
-        margin: 40rpx auto 0;
-      }
-    }
-  }
-}
-
-.chat-container {
     display: flex;
     flex-direction: column;
     padding: 30rpx;
@@ -1114,5 +1007,33 @@ page {
         }
       }
     }
+  }
+}
+
+/* 响应式布局 - PC端样式 */
+@media screen and (min-width: 768px) {
+  .home-container {
+    .content {
+      max-width: 1200rpx;
+      margin: 0 auto;
+
+      .qa-section {
+        .qa-list {
+          display: flex;
+          flex-wrap: wrap;
+
+          .qa-item {
+            width: 48%;
+            margin-right: 2%;
+          }
+        }
+      }
+
+      .feature-grid {
+        max-width: 1200rpx;
+        margin: 40rpx auto 0;
+      }
+    }
+  }
 }
 </style>