🌈 style:修改样式

src/pages/orderDetails/index.module.scss

@@ -35,7 +35,8 @@ page {
     }
 
     .productBox {
-        width: 702px;
+        // width: 702px;
+        margin-right: 24px;
         background: #FFFFFF;
         border-radius: 16px;
         margin-left: 24px;
@@ -85,7 +86,9 @@ page {
     border-radius: 16px;
 
     .titleBox {
-        width: 638px;
+        // margin-right: 24px;
+        // margin-left: 24px;
+        // width: 638px;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -107,7 +110,9 @@ page {
 
     .modeLine {
         margin-top: 24px;
-        width: 638px;
+        // width: 638px;
+        // margin-right: 24px;
+        // margin-left: 24px;
         height: 1px;
         background: #000000;
         opacity: 0.1;
@@ -129,7 +134,9 @@ page {
     }
 
     .goodsLine {
-        width: 638px;
+        margin-right: 24px;
+        margin-left: 24px;
+        // width: 638px;
         height: 1px;
         background: #000000;
         opacity: 0.1;
@@ -152,7 +159,8 @@ page {
 
         .itemRight {
             padding-bottom: 24px;
-            width: 495px;
+            margin-right: 32px;
+            // width: 495px;
             border-bottom: 1px solid #f7f7f7;
 
             .item_right_top {
@@ -325,7 +333,8 @@ page {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    width: 750px;
+    // width: 750px;
+    width: 100%;
     height: 160px;
     background: #FFFFFF;
     position: fixed;
@@ -374,7 +383,7 @@ page {
     height: 82px;
     background: #007aff;
     border-radius: 40px;
-    width: 668px;
+    // width: 668px;
     text-align: center;
     line-height: 82px;
     color: #fff;

src/pages/refundDetail/index.module.scss

@@ -137,7 +137,7 @@
     border-radius: 16px;
 
     .titleBox {
-        width: 638px;
+        // width: 638px;
         display: flex;
         justify-content: space-between;
         align-items: center;
@@ -159,7 +159,7 @@
 
     .modeLine {
         margin-top: 24px;
-        width: 638px;
+        // width: 638px;
         height: 1px;
         background: #000000;
         opacity: 0.1;
@@ -201,6 +201,7 @@
 
         .itemRight {
             padding-bottom: 24px;
+            margin-right: 32px;
             width: 80%;
             border-bottom: 1px solid #f7f7f7;