购物车徽标

src/pages/detail/detail.vue

@@ -60,9 +60,11 @@
             <img src="/static/detail/img8.png" style="width: 40rpx; height: 40rpx" />
             <view class="sort-text">客服</view>
           </view>
-          <view class="borderClass">
-            <img src="/static/detail/img6.png" style="width: 40rpx; height: 40rpx" />
-            <view class="sort-text" @tap="toCart">购物车</view>
+          <view class="borderClass" @tap="toCart">
+            <wd-badge modelValue="4">
+              <img src="/static/detail/car.png" style="width: 40rpx; height: 40rpx" />
+            </wd-badge>
+            <view class="sort-text">购物车</view>
           </view>
         </view>
         <!--      <view class="sort">-->

src/pages/index/building.vue

@@ -92,8 +92,10 @@
       </view>
     </view>
     <!-- 购物车悬浮按钮 -->
-    <view class="cart-floating">
-      <img class="cart" @tap="toCart" src="/static/presale/cart.png" />
+    <view class="cart-floating" @tap="toCart">
+      <wd-badge modelValue="4">
+        <img class="shop-car" src="/static/presale/cart.png" style="width: 40rpx; height: 40rpx" />
+      </wd-badge>
     </view>
   </view>
 </template>
@@ -346,4 +348,11 @@ page {
   width: 48rpx;
   height: 46rpx;
 }
+.shop-car {
+  margin-left: 20rpx;
+  margin-top: 20rpx;
+}
+::v-deep .wd-badge__content.is-fixed {
+  margin-top: 20rpx;
+}
 </style>

src/pages/index/presale.vue

@@ -134,8 +134,10 @@
     </view>
   </view>
   <!-- 购物车悬浮按钮 -->
-  <view class="cart-floating">
-    <img class="cart" @tap="toCart" src="/static/presale/cart.png" />
+  <view class="cart-floating" @tap="toCart">
+    <wd-badge modelValue="4">
+      <img class="shop-car" src="/static/presale/cart.png" style="width: 40rpx; height: 40rpx" />
+    </wd-badge>
   </view>
 </template>
 
@@ -491,4 +493,11 @@ page {
   width: 48rpx;
   height: 46rpx;
 }
+.shop-car {
+  margin-left: 20rpx;
+  margin-top: 20rpx;
+}
+::v-deep .wd-badge__content.is-fixed {
+  margin-top: 20rpx;
+}
 </style>

src/pages/shop/index.vue

@@ -248,7 +248,7 @@ uni-page-body {
 }
 .cart-floating {
   position: fixed;
-
+  text-align: center;
   bottom: 10%;
   width: 80rpx;
   height: 80rpx;