样式

src/views/product/Detail.vue

@@ -2253,7 +2253,7 @@ export default {
         .shopping_cart_number {
             width: 19px;
             height: 14px;
-            background: #ff4f50;
+            background: linear-gradient(126deg, #ff572b 0%, #ff7725 100%);
             border-radius: 8px;
             font-size: 10px;
             font-weight: bold;
@@ -2303,7 +2303,7 @@ export default {
         .shopping_cart_number {
             width: 19px;
             height: 14px;
-            background: #ff4f50;
+            background: linear-gradient(126deg, #ff572b 0%, #ff7725 100%);
             border-radius: 8px;
             font-size: 10px;
             font-weight: bold;
@@ -2348,23 +2348,22 @@ export default {
     font-size: 16px;
     font-weight: bold;
     line-height: 38px;
-
+    background-image: url(../../assets/icon_gouwuchebg@3x.png);
+    background-size: 100% 40px;
+    background-repeat: no-repeat;
+    color: #ffffff;
     .add_to_cart_btn_right_cart {
         width: calc(38.5vw);
         height: 38px;
         border-radius: 100px 0px 0px 100px;
-        border: 1px solid #00fe1e;
         box-sizing: border-box;
-        color: #00fe1e;
         text-align: center;
     }
 
     .add_to_cart_btn_right_buy {
         width: calc(38.5vw);
         height: 38px;
-        background: #00fe1e;
         border-radius: 0px 100px 100px 0px;
-        color: #000000;
         text-align: center;
     }
 }

src/views/user/ShoppingCart.vue

@@ -498,7 +498,9 @@ export default {
         .shopping_cart_top_one_btns {
             font-size: 14px;
             font-weight: 400;
-            color: #00fe1e;
+            background-image: -webkit-linear-gradient(bottom, #eeff29, #feae20);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
             line-height: 24px;
             position: absolute;
             top: 13px;
@@ -526,7 +528,7 @@ export default {
         .shopping_cart_top_two_con_one {
             width: 28px;
             height: 2px;
-            background: #00fe1e;
+            background: #f3e626;
             border-radius: 2px;
             position: absolute;
             left: 50%;
@@ -537,7 +539,7 @@ export default {
         .shopping_cart_top_two_con_two {
             width: 28px;
             height: 2px;
-            background: #00fe1e;
+            background: #f3e626;
             border-radius: 2px;
             position: absolute;
             left: 50%;
@@ -552,8 +554,10 @@ export default {
         }
 
         .active {
-            font-weight: 500;
-            color: #00fe1e;
+            font-weight: bold;
+            background-image: -webkit-linear-gradient(bottom, #eeff29, #feae20);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
     }
 
@@ -677,7 +681,9 @@ export default {
                     font-size: 20px;
                     font-family: OSP-DIN, OSP;
                     font-weight: normal;
-                    color: #00fe1e;
+                    background-image: -webkit-linear-gradient(bottom, #eeff29, #feae20);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
                     line-height: 14px;
                 }
             }
@@ -732,7 +738,9 @@ export default {
                 font-size: 32px;
                 font-family: OSP-DIN, OSP;
                 font-weight: normal;
-                color: #00fe1e;
+                background-image: -webkit-linear-gradient(bottom, #eeff29, #feae20);
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
                 display: flex;
                 margin-right: 11px;
 
@@ -746,17 +754,17 @@ export default {
             .shopping_cart_btn_right_three {
                 width: 120px;
                 height: 38px;
-                background: #00fe1e;
+                background: linear-gradient(126deg, #ff572b 0%, #ffa225 100%);
                 border-radius: 22px;
                 font-size: 16px;
                 font-weight: bold;
-                color: #0b0b0b;
+                color: #ffffff;
                 line-height: 38px;
                 text-align: center;
 
                 span {
                     font-weight: 400;
-                    color: rgba(0, 0, 0, 0.8);
+                    color: #ffffff;
                 }
             }
         }