feat: 商城+服务商页面更新

Ultraworked with Sisyphus

cfc-frontend/pages/shop/index.vue

@@ -236,7 +236,7 @@ export default {
   margin-right: 12rpx;
 }
 .tab-item.active {
-  background: #ff6b6b;
+  background: #F97316;
   color: #fff;
 }
 .product-list {
@@ -284,7 +284,7 @@ export default {
 }
 .price {
   font-size: 32rpx;
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
   margin-right: 12rpx;
 }

cfc-frontend/pages/shop/order-detail/order-detail.vue

@@ -188,7 +188,7 @@ export default {
   height: calc(100vh - 120rpx);
 }
 .order-status-section {
-  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
+  background: linear-gradient(135deg, #F97316, #FB923C);
   padding: 40rpx 30rpx;
   display: flex;
   flex-direction: column;
@@ -242,7 +242,7 @@ export default {
 }
 .total-amount {
   font-size: 36rpx;
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
 }
 .product-card {
@@ -302,7 +302,7 @@ export default {
   border: none;
 }
 .btn-pay {
-  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
+  background: linear-gradient(135deg, #F97316, #FB923C);
   color: #fff;
   font-size: 28rpx;
   font-weight: bold;

cfc-frontend/pages/shop/order-list/order-list.vue

@@ -260,9 +260,9 @@ export default {
   padding: 10rpx 0;
 }
 .tab.active {
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
-  border-bottom: 4rpx solid #ff6b6b;
+  border-bottom: 4rpx solid #F97316;
 }
 .order-list {
   flex: 1;
@@ -350,7 +350,7 @@ export default {
 .order-amount {
   display: block;
   font-size: 30rpx;
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
 }
 .order-qty {
@@ -387,7 +387,7 @@ export default {
   color: #666;
 }
 .btn-pay {
-  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
+  background: linear-gradient(135deg, #F97316, #FB923C);
   color: #fff;
 }
 .btn-confirm {

cfc-frontend/pages/vendor/apply.vue

@@ -152,7 +152,7 @@ export default {
   width: 100%;
   height: 88rpx;
   line-height: 88rpx;
-  background: linear-gradient(135deg, #FF6B6B, #FF8E53);
+  background: linear-gradient(135deg, #F97316, #FB923C);
   color: #fff;
   border-radius: 44rpx;
   font-size: 32rpx;

cfc-frontend/pages/vendor/orders/orders.vue

@@ -179,9 +179,9 @@ export default {
   padding: 10rpx 0;
 }
 .tab.active {
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
-  border-bottom: 4rpx solid #ff6b6b;
+  border-bottom: 4rpx solid #F97316;
 }
 .order-list {
   flex: 1;
@@ -255,7 +255,7 @@ export default {
 .order-amount {
   display: block;
   font-size: 30rpx;
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
 }
 .order-qty {

cfc-frontend/pages/vendor/products/products.vue

@@ -169,9 +169,9 @@ export default {
   padding: 10rpx 0;
 }
 .tab.active {
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
-  border-bottom: 4rpx solid #ff6b6b;
+  border-bottom: 4rpx solid #F97316;
 }
 .product-list {
   flex: 1;
@@ -198,7 +198,7 @@ export default {
   margin-bottom: 40rpx;
 }
 .btn-add {
-  background: linear-gradient(135deg, #ff6b6b, #ff8e53);
+  background: linear-gradient(135deg, #F97316, #FB923C);
   color: #fff;
   font-size: 28rpx;
   padding: 0 60rpx;
@@ -244,7 +244,7 @@ export default {
 }
 .product-price {
   font-size: 30rpx;
-  color: #ff6b6b;
+  color: #F97316;
   font-weight: bold;
 }
 .product-stock {
@@ -277,8 +277,8 @@ export default {
   font-size: 22rpx;
   padding: 8rpx 24rpx;
   border-radius: 30rpx;
-  border: 1rpx solid #ff6b6b;
-  color: #ff6b6b;
+  border: 1rpx solid #F97316;
+  color: #F97316;
   background: #fff;
   line-height: 1.5;
 }