修改部分页面

src/views/MainPage.vue

@@ -249,9 +249,9 @@ export default {
   flex-direction: column;
   padding: 16px;
   gap: 16px;
-  max-width: 375px;
-  margin: 0 auto;
   width: 100%;
+  max-width: 100%;
+  margin: 0 auto;
 }
 
 /* 欢迎文字 */
@@ -267,7 +267,8 @@ export default {
 
 /* 轮播图样式 */
 .carousel {
-  width: 343px;
+  width: 100%;
+  max-width: 343px;
   height: 148px;
   border-radius: 12px;
   overflow: hidden;
@@ -299,7 +300,8 @@ export default {
 .header {
   display: flex;
   justify-content: space-between; /* 保持元素均匀分布 */
-  width: 343px;
+  width: 100%;
+  max-width: 343px;
   height: 50px;
   padding: 0; /* 移除内边距 */
   background-color: transparent;
@@ -339,7 +341,8 @@ export default {
 
 /* 操作区域样式 */
 .action-area {
-  width: 343px;
+  width: 100%;
+  max-width: 343px;
   margin: 0 auto;
 }
 
@@ -394,7 +397,8 @@ export default {
 
 /* 热门资讯 */
 .hot-news {
-  width: 343px;
+  width: 100%;
+  max-width: 343px;
   padding: 16px;
   background-color: white;
   border-radius: 12px;