tmp

components/order-stats/index.wxss

@@ -12,13 +12,26 @@
 }
 
 .os-title {
+  position: relative;
   font-size: 30rpx;
-  font-weight: 500;
+  font-weight: 600;
   color: #1a1a1a;
-  margin-left: 8rpx;
+  margin-left: 20rpx;
   letter-spacing: 1rpx;
 }
 
+.os-title::before {
+  content: '';
+  position: absolute;
+  left: -20rpx;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8rpx;
+  height: 28rpx;
+  border-radius: 4rpx;
+  background: linear-gradient(180deg, #2dd36f, #17c3a5);
+}
+
 .os-card {
   background: linear-gradient(135deg, #ffffff 0%, #f3fbf8 100%);
   border-radius: 24rpx;
@@ -63,11 +76,11 @@
 }
 
 .os-num.blue {
-  color: #409eff;
+  color: #17c3a5;
 }
 
 .os-num.orange {
-  color: #ff9f43;
+  color: #f5a623;
 }
 
 .os-label {
@@ -92,13 +105,13 @@
 }
 
 .os-item:nth-child(3) .os-fee {
-  color: #3d8fe0;
-  background: rgba(64, 158, 255, 0.12);
+  color: #14a08a;
+  background: rgba(23, 195, 165, 0.12);
 }
 
 .os-item:nth-child(5) .os-fee {
-  color: #e08a1e;
-  background: rgba(255, 159, 67, 0.14);
+  color: #d99a2b;
+  background: rgba(245, 166, 35, 0.14);
 }
 
 .os-divider {