yuanyuan 3 سال پیش
والد
کامیت
ed8b4086a4
2فایلهای تغییر یافته به همراه46 افزوده شده و 4 حذف شده
  1. 25 2
      src/views/Mine.vue
  2. 21 2
      src/views/product/Detail.vue

+ 25 - 2
src/views/Mine.vue

@@ -106,7 +106,10 @@
                     <span>我的钱包</span>
                 </div>
                 <!-- <div class="order-info" @click="$router.push('/shoppingCart')">
-                    <img src="@assets/icon_gouwuche@3x.png" alt="" />
+                    <div class="order-infos">
+                        <img src="@assets/icon_gouwuche@3x.png" alt="" />
+                        <div class="shopping_cart_number">11</div>
+                    </div>
                     <span>购物车</span>
                 </div> -->
                 <!-- <div class="order-info" @click="$router.push('/auctionOrders')">
@@ -862,6 +865,25 @@ export default {
         align-items: center;
         justify-content: center;
 
+        .order-infos {
+            position: relative;
+
+            .shopping_cart_number {
+                width: 19px;
+                height: 14px;
+                background: #FF4F50;
+                border-radius: 8px;
+                font-size: 10px;
+                font-weight: bold;
+                color: #FFFFFF;
+                line-height: 14px;
+                text-align: center;
+                position: absolute;
+                right: -7px;
+                top: 0
+            }
+        }
+
         .order-info-box {
             .flex();
             width: 132px;
@@ -1416,4 +1438,5 @@ export default {
     &.not {
         background: #ff4f50;
     }
-}</style>
+}
+</style>

+ 21 - 2
src/views/product/Detail.vue

@@ -456,6 +456,7 @@
                                         <img :src="require('@assets/icon_gouwuchebtn@3x.png')" alt=""
                                             class="add_to_cart_btn_img">
                                         <div class="add_to_cart_btn_text">购物车</div>
+                                        <div class="shopping_cart_number">11</div>
                                     </div>
                                     <div v-if="info.couponPayment" @click="buy" class="status-texts">
                                         立即兑换
@@ -2091,6 +2092,25 @@ export default {
     display: flex;
     justify-content: space-between;
 
+    .add_to_cart_btn_left {
+        position: relative;
+
+        .shopping_cart_number {
+            width: 19px;
+            height: 14px;
+            background: #FF4F50;
+            border-radius: 8px;
+            font-size: 10px;
+            font-weight: bold;
+            color: #FFFFFF;
+            line-height: 14px;
+            text-align: center;
+            position: absolute;
+            right: -7px;
+            top: 0
+        }
+    }
+
     .add_to_cart_btn_img {
         width: 24px;
         height: 24px;
@@ -2500,5 +2520,4 @@ export default {
     left: 16px;
     top: calc(var(--safe-top) + 16px);
     z-index: 90;
-}
-</style>
+}</style>