手机端调整

rc-busness/pages/myorder/userrecord.vue

@@ -534,10 +534,11 @@ export default {
     .list-left {
       display: flex;
       align-items: center;
+      width: 50%;
     }
     ul {
       display: flex;
-      width: 70%;
+      width: 50%;
       justify-content: space-around;
       align-items: center;
     }
@@ -551,6 +552,14 @@ export default {
         font-weight: bold;
         font-size: 20px;
       }
+      
+        .del{
+          em{
+             color: #e1001a;
+            border-bottom: 1px solid #e1001a;
+            cursor:pointer ;
+          }
+        }
       .product {
         display: flex;
         justify-content: space-between;
@@ -560,9 +569,8 @@ export default {
           font-weight: bold;
           font-size: 18px;
         }
-
         .product-img {
-          margin-right: 10px;
+          margin-right: 15px;
           width: 96px;
           height: 96px;
           img {
@@ -755,14 +763,23 @@ export default {
         .product {
           margin-left: 16px;
         }
+        .list-left{
+          width: 100%;
+        }
         ul {
           margin-top: -32px;
-          margin-left: 128px;
-          width: 60%;
+          margin-left: 140px;
+          width: 50%;
           .del {
             display: none;
           }
         }
+        .product-title{
+          width: 225px;
+          text-overflow: ellipsis;
+          white-space:nowrap; 
+          overflow: hidden;
+        }
       }
     }
   }