fix: 问题修复

src/order_pages/orderList/index.module.scss

@@ -10,7 +10,7 @@
 }
 
 .container {
-  padding: 100px 12px 40px;
+  padding: 100px 0 40px;
   background-color: #fafafa;
   height: 100vh;
   width: 100%;
@@ -24,7 +24,7 @@
     height: 100%;
     width: 100%;
     position: relative;
-    background-color: #fff;
+    background-color: #fafafa;
 
     // .bg {
     //   position: absolute;
@@ -48,12 +48,13 @@
       font-style: normal;
       font-weight: 500;
       line-height: 18px;
-      background-color: #f9f9f9;
+      // background-color: #f9f9f9;
     }
   }
 
   .orderItem {
-    width: 100%;
+    // width: calc(100% - 3px);
+    margin: 0 12px;
     // height: 222px;
     background-color: #fff;
     border-radius: 12px;

src/order_pages/orderList/index.tsx

@@ -17,7 +17,7 @@ import { withAuth, RefundPopup, GeneralNavbar } from "@/components";
 import { payOrder, generateOrderActions } from "@/utils";
 import emptyContent from "@/static/emptyStatus/publish-empty.png";
 import CustomerIcon from "@/static/order/customer.svg";
-import { insertDotInTags } from "@/game_pages/detail/utils/helper";
+import { insertDotInTags, genNTRPRequirementText } from "@/utils/helper";
 import styles from "./index.module.scss";
 
 dayjs.locale("zh-cn");
@@ -363,11 +363,7 @@ const OrderList = () => {
                     <Text>{max_players}</Text>
                   </View>
                   <View className={styles.levelReq}>
-                    {skill_level_max !== skill_level_min
-                      ? `${skill_level_min || "-"} 至 ${skill_level_max || "-"}`
-                      : skill_level_min === 1
-                      ? "无要求"
-                      : `${skill_level_min} 以上`}
+                    {genNTRPRequirementText(skill_level_min, skill_level_max)}
                   </View>
                   <View className={styles.playType}>{play_type}</View>
                 </View>