feat: 我的订单样式调整

src/pages-order/order/components/OrderCard/styles/index.scss

@@ -1,91 +1,43 @@
 .order-card {
-  background-color: #fff;
-  border-radius: 6px 6px 12px 12px;
-  box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.12);
-  margin: 12px;
   transition: all 0.3s ease;
-  mask: radial-gradient(circle at 0 54px, #0000 6px, red 0),
-    radial-gradient(circle at right 54px, #0000 6px, red 0);
-  mask-size: 50%;
-  mask-position: 0, 100%;
-  mask-repeat: no-repeat;
 
   &:active {
     transform: scale(0.98);
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
   }
-
-  &.expired {
-    filter: grayscale(100%);
-  }
-}
-
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 14px 14px 12px 16px;
-}
-
-.status-info {
-  display: flex;
-  align-items: center;
-  flex: 1;
 }
 
 .status-icon {
   width: 20px;
   height: 20px;
-  margin-right: 8px;
-  flex-shrink: 0;
-}
-
-.order-title {
-  font-size: $uni-font-size-base;
-  font-weight: 500;
-  color: $uni-text-color;
-  line-height: 1.4;
 }
 
 .status-tag {
-  box-sizing: border-box;
-  padding: 6px 16px;
-  border-radius: 20px;
-  font-size: $uni-font-size-sm;
-  font-weight: 500;
-
   &.tag-0 {
-    color: #00a6ff;
-    border: 1px solid #00a6ff;
+    color: #ff3d60;
   }
 
   &.tag-1 {
     color: #f00044;
-    border: 1px solid #f00044;
   }
 
   &.tag-2 {
     color: #40ae36;
-    border: 1px solid #40ae36;
   }
 
   &.tag-3 {
     color: #808389;
-    border: 1px solid #808389;
   }
 
   &.tag-4 {
-    color: #0256ff;
-    border: 1px solid #0256ff;
+    color: #2d91ff;
   }
 
   &.tag-5 {
     color: #808389;
-    border: 1px solid #808389;
   }
 
   &.tag-6 {
     color: #fd8702;
-    border: 1px solid #fd8702;
   }
 }