样式优化

src/pages/cart/ConfirmOrder.vue

@@ -392,12 +392,13 @@ page {
   font-size: 32rpx;
 }
 .submit-order-view {
-  width: 710rpx;
+  width: 750rpx;
   height: 131rpx;
   padding-left: 18rpx;
   padding-top: 21rpx;
   margin-top: 15%;
   background: #ffffff;
+  margin-left: -20rpx;
 }
 .total-view {
   width: 142rpx;

src/pages/cart/cart.vue

@@ -141,7 +141,7 @@ const changeCheckedAll = () => {
   });
 };
 function toSettle() {
-  // TODO: 跳转到筑农严选
+  // TODO: 跳转到结算页面
   xma.navigateTo({
     url: '/pages/cart/ConfirmOrder',
   });

src/pages/index/building.vue

@@ -147,7 +147,7 @@ function toDetail() {
   });
 }
 function toCart() {
-  // TODO: 跳转到筑农严选
+  // TODO: 跳转到购物车
   xma.navigateTo({
     url: '/pages/cart/cart',
   });

src/pages/shop/index.vue

@@ -41,13 +41,17 @@
         </div>
       </div>
     </div>
-    <div class="shopping-cart">
-      <div>
-        <img src="/src/static/shop/shoppingCart.png" alt="" />
-        购物车
-      </div>
-      <img src="/src/static/shop/doubleArrow.png" alt="" />
+    <!-- 购物车悬浮按钮 -->
+    <div class="cart-floating">
+      <img class="cart" @tap="toCart" src="/static/presale/cart.png" />
     </div>
+    <!--    <div class="shopping-cart">-->
+    <!--      <div>-->
+    <!--        <img src="/src/static/shop/shoppingCart.png" alt="" />-->
+    <!--        购物车-->
+    <!--      </div>-->
+    <!--      <img src="/src/static/shop/doubleArrow.png" alt="" />-->
+    <!--    </div>-->
   </div>
 </template>
 
@@ -80,6 +84,12 @@ const navList = ref([
 
 const acitveNav = ref(1);
 const activeFilter = ref(false);
+function toCart() {
+  // TODO: 跳转到购物车
+  xma.navigateTo({
+    url: '/pages/cart/cart',
+  });
+}
 </script>
 
 <style lang="scss" scoped>
@@ -236,4 +246,22 @@ uni-page-body {
     }
   }
 }
+.cart-floating {
+  position: fixed;
+
+  bottom: 10%;
+  width: 80rpx;
+  height: 80rpx;
+  z-index: 99;
+  background-color: #ffffff;
+  border-radius: 50%;
+  margin-left: 10px;
+}
+.cart {
+  position: relative;
+  top: 20rpx;
+  left: 16rpx;
+  width: 48rpx;
+  height: 46rpx;
+}
 </style>