feat: 修改宽度

src/App.less

@@ -6,7 +6,7 @@
   border-radius: 4px;
   margin: 0 auto;
   position: absolute;
-  min-width: 1439px;
+  min-width: 1200px;
   top: 0;
   left: 0;
   right: 0;
@@ -22,7 +22,7 @@
   user-select: none; /* Non-prefixed version, currently not supported by any browser */
   scrollbar-width: none;
   .content-box {
-    width: 1439px;
+    width: 1200px;
     margin: 0 auto;
     overflow: auto;
     flex-grow: 1;

src/App.tsx

@@ -60,7 +60,7 @@ const App = () => {
       <Header />
       <div
         className='content-box'
-        style={{ width: location.pathname === '/login' ? '100%' : '1439px' }}
+        style={{ width: location.pathname === '/login' ? '100%' : '1200px' }}
       >
         <Suspense fallback={<div></div>}>
           <Outlet />

src/views/brush-questions/index.less

@@ -1,5 +1,5 @@
 .brush-questions-box {
-  width: 1439px;
+  width: 1200px;
   margin: 0 auto;
   background-color: #fff;
   padding: 20px 50px;

src/views/header/index.less

@@ -4,7 +4,7 @@
   left: 0;
   right: 0;
   height: 50px;
-  min-width: 1439px;
+  min-width: 1200px;
   background-color: #fff;
   border-radius: 4px;
 }

src/views/personal-center/index.less

@@ -1,6 +1,6 @@
 .personal-center-box {
   margin: 0 auto;
-  width: 1439px;
+  width: 1200px;
   border-radius: 5px;
   overflow: auto;
   .personal-center-introduction {

src/views/practise/practice-details/index.less

@@ -1,5 +1,5 @@
 .details-container {
-  width: 1439px;
+  width: 1200px;
   margin: 0 auto;
   overflow: auto;
   background-color: #ffffff;

src/views/practise/practice-questions/components/front-end/index.less

@@ -1,24 +1,24 @@
 .front-box {
-    .ant-descriptions-title {
+  .ant-descriptions-title {
-        display: flex;
+    display: flex;
-        justify-content: space-between;
+    justify-content: space-between;
-        font-size: 18px;
+    font-size: 18px;
-        color: rgba(51, 51, 51, 0.7);
+    color: rgba(51, 51, 51, 0.7);
+  }
+  .ant-checkbox-wrapper {
+    font-size: 14px;
+    color: rgba(51, 51, 51, 0.5);
+  }
+  .box {
+    display: flex;
+    width: 1200px;
+    .box1 {
+      flex: 1;
     }
-    .ant-checkbox-wrapper {
+    .box2 {
-        font-size: 14px;
+      flex: 1;
-        color: rgba(51, 51, 51, 0.5);
+      // float: right;
-    }
+      text-align: right;
-    .box{
-        display: flex;
-        width: 1439px;
-        .box1{
-            flex: 1;
-        }
-        .box2{
-            flex: 1;
-            // float: right;
-            text-align: right;
-        }
     }
+  }
 }

src/views/practise/practice-questions/index.less

@@ -1,7 +1,7 @@
 .practice-questions-container {
   margin: 0 auto;
   display: flex;
-  width: 1439px;
+  width: 1200px;
   // padding: 20px 50px;
   border-radius: 5px;
   // flex-direction: column;

src/views/question-bank/constant.ts

@@ -36,14 +36,14 @@ export const RankingType = {
  * 模块名称
  */
 export const RankingTypeText = {
-  [RankingType.contribution]: '出题贡献榜',
+  [RankingType.contribution]: '综合练习榜',
-  [RankingType.practice]: '综合练习榜'
+  [RankingType.practice]: '出题贡献榜'
 }
 
 /**
  * 对应按钮名字
  */
 export const RankingTypeBtnText = {
-  [RankingType.contribution]: '去出题',
+  [RankingType.contribution]: '去练习',
-  [RankingType.practice]: '去练习'
+  [RankingType.practice]: '去出题'
 }

src/views/question-bank/index.less

@@ -1,6 +1,6 @@
 .question-bank-box {
   display: flex;
-  width: 1439px;
+  width: 1200px;
   margin: 0 auto;
   background-color: #f3f4f6;
   border-radius: 5px;

src/views/question-bank/index.tsx

@@ -132,8 +132,8 @@ const QuestionBank = () => {
         </div>
       </div>
       <div className='ranking-box'>
-        <ContributionList />
         <RankingList />
+        <ContributionList />
       </div>
     </div>
   )

src/views/search-details/index.less

@@ -1,46 +1,46 @@
 .search-details-box {
-    width: 1439px;
+  width: 1200px;
-    margin: 0 auto;
+  margin: 0 auto;
-    background-color: #fff;
+  background-color: #fff;
-    padding: 20px 50px;
+  padding: 20px 50px;
-    border-radius: 5px;
+  border-radius: 5px;
-    overflow: auto;
+  overflow: auto;
-    .ant-card-body {
+  .ant-card-body {
-        padding: 0 24px;
+    padding: 0 24px;
+  }
+  .search-details-box-search {
+    background-color: #f5f5f5;
+    padding: 20px 40px;
+    border-radius: 3px 3px 0 0;
+    font-size: 14px;
+  }
+  .search-details-box-content {
+    .search-details-box-content-main-item {
+      margin-top: 10px;
+      padding: 10px 0;
+      font-weight: 400;
+      border-bottom: 1px solid #e5e5e5;
+      .search-details-box-content-main-item-question {
+        color: #3c6eee;
+        cursor: pointer;
+        font-size: 18px;
+        margin-bottom: 5px;
+      }
+      .search-details-box-content-main-item-answer {
+        font-size: 13px;
+        cursor: pointer;
+        letter-spacing: 0;
+        overflow: hidden;
+        display: -webkit-box;
+        text-overflow: ellipsis;
+        -webkit-line-clamp: 2; /*要显示的行数*/
+        -webkit-box-orient: vertical;
+      }
     }
-    .search-details-box-search {
+    .search-null {
-        background-color: #f5f5f5;
+      display: block;
-        padding: 20px 40px;
+      text-align: center;
-        border-radius: 3px 3px 0 0;
+      margin: 50px 0;
-        font-size: 14px;
-    }
-    .search-details-box-content {
-        .search-details-box-content-main-item {
-            margin-top: 10px;
-            padding: 10px 0;
-            font-weight: 400;
-            border-bottom: 1px solid #e5e5e5;
-            .search-details-box-content-main-item-question {
-                color: #3c6eee;
-                cursor: pointer;
-                font-size: 18px;
-                margin-bottom: 5px;
-            }
-            .search-details-box-content-main-item-answer {
-                font-size: 13px;
-                cursor: pointer;
-                letter-spacing: 0;
-                overflow: hidden;
-                display: -webkit-box;
-                text-overflow: ellipsis;
-                -webkit-line-clamp: 2; /*要显示的行数*/
-                -webkit-box-orient: vertical;
-            }
-        }
-        .search-null {
-            display: block;
-            text-align: center;
-            margin: 50px 0;
-        }
     }
+  }
 }

src/views/upload-questions/index.less

@@ -1,7 +1,7 @@
 .upload-questions-box {
   position: relative;
   margin: 0 auto;
-  width: 1439px;
+  width: 1200px;
   // overflow-y: auto;
   border-radius: 5px;
   // height: calc(100vh - 100px);