Merge remote-tracking branch 'origin/ma-mall-ui' into ma-mall-ui

src/views/EquipmentSharedLease/order/index.vue

@@ -89,7 +89,7 @@
       <div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
         <el-row class="order-title-info">
           <el-col :span="8">
-            <span> 订单编号： </span>
+            <span> <i class="el-icon-document-copy"></i>订单编号： </span>
             <span>
                         {{ item.code }}
                     </span>
@@ -846,13 +846,38 @@ export default {
     }
 } */
 
+.card-header-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  background: linear-gradient(135deg, #169bd5, #0d7aa8);
+  color: #fff;
+  border-radius: 4px;
+  margin-right: 12px;
+  margin-bottom: 12px;
+  font-size: 16px;
+  box-shadow: 0 2px 6px rgba(22, 155, 213, 0.25);
+}
+
 .cart-tbody {
   background: #fff;
   padding: 16px;
   margin-bottom: 14px;
   border-radius: 10px;
-  border: 1px solid #ddd;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
+  border: 1px solid #169bd5;
+  box-shadow:
+    0 0 0 1px rgba(22, 155, 213, 0.2),
+    0 0 8px rgba(22, 155, 213, 0.3);
+  transition: all 0.3s ease;
+
+  &:hover {
+    border-color: #0d7aa8;
+    box-shadow:
+      0 0 0 2px rgba(22, 155, 213, 0.3),
+      0 0 12px rgba(22, 155, 213, 0.4);
+  }
 
   .cart-user-info {
     display: flex;
@@ -1023,6 +1048,8 @@ export default {
 }
 
 .app-container-content {
+  // background-color: #f5f5f5;
+
   :deep(.el-dialog) {
     display: flex !important;
     flex-direction: column !important;

src/views/EquipmentSharedOrder/order/index.vue

@@ -79,7 +79,7 @@
       <div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
         <el-row class="order-title-info">
           <el-col :span="8">
-            <span> 订单编号： </span>
+            <span> <i class="el-icon-document-copy"></i>订单编号： </span>
             <span>{{ item.code }}</span>
           </el-col>
           <el-col :span="8">
@@ -624,8 +624,20 @@ export default {
   padding: 16px;
   margin-bottom: 14px;
   border-radius: 10px;
-  border: 1px solid #ddd;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
+  border: 1px solid #169bd5;
+  box-shadow:
+    0 0 0 1px rgba(22, 155, 213, 0.2),
+    0 0 8px rgba(22, 155, 213, 0.3);
+    // 0 4px 12px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.cart-tbody:hover {
+  border-color: #0d7aa8;
+  box-shadow:
+    0 0 0 2px rgba(22, 155, 213, 0.3),
+    0 0 12px rgba(22, 155, 213, 0.4),
+    0 6px 16px rgba(0, 0, 0, 0.12);
 }
 
 :deep .el-form--inline .el-form-item {
@@ -698,6 +710,8 @@ export default {
 }
 
 .app-container-content {
+  // background-color: #f5f5f5;
+
   :deep(.el-dialog) {
     display: flex !important;
     flex-direction: column !important;