页面优化

src/pages.json

@@ -46,6 +46,14 @@
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationStyle":""
 			}
+		},
+		{
+			"path": "pages/cart/ConfirmOrder",
+			"style": {
+				"navigationBarTitleText": "确认订单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationStyle":""
+			}
 		}
 	],
 	"globalStyle": {

src/pages/cart/cart.vue

@@ -50,7 +50,7 @@
           <span>￥{{ totalPrice }}</span>
         </div>
       </div>
-      <div class="submit">去结算({{ totalPrice }})</div>
+      <div class="submit" @tap="toSettle">去结算({{ totalPrice }})</div>
     </div>
   </div>
 </template>
@@ -140,6 +140,12 @@ const changeCheckedAll = () => {
     changeShopChecked(v);
   });
 };
+function toSettle() {
+  // TODO: 跳转到筑农严选
+  xma.navigateTo({
+    url: '/pages/cart/cart',
+  });
+}
 </script>
 
 <style lang="scss" scoped>

src/pages/index/building.vue

@@ -91,6 +91,10 @@
         </view>
       </view>
     </view>
+    <!-- 购物车悬浮按钮 -->
+    <view class="cart-floating">
+      <img class="cart" @tap="toCart" src="/static/presale/cart.png" />
+    </view>
   </view>
 </template>
 
@@ -142,6 +146,12 @@ function toDetail() {
     url: '/pages/detail/detail',
   });
 }
+function toCart() {
+  // TODO: 跳转到筑农严选
+  xma.navigateTo({
+    url: '/pages/cart/cart',
+  });
+}
 </script>
 
 <style lang="scss" scoped>
@@ -319,4 +329,21 @@ page {
   margin-top: -15px;
   display: block;
 }
+.cart-floating {
+  position: fixed;
+  right: 20rpx;
+  bottom: 100rpx;
+  width: 80rpx;
+  height: 80rpx;
+  z-index: 99;
+  background-color: #ffffff;
+  border-radius: 50%;
+}
+.cart {
+  position: relative;
+  top: 20rpx;
+  left: 16rpx;
+  width: 48rpx;
+  height: 46rpx;
+}
 </style>

src/pages/index/index.vue

@@ -108,7 +108,7 @@
           </view>
         </view>
       </view>
-      <view class="product-page" @tap="toDetail" v-for="(item, index) in list" :key="index">
+      <view class="product-page" v-for="(item, index) in list" :key="index">
         <view>
           <view class="page-title">{{ item.text }}</view>
           <img :src="item.img" class="main-img" />

src/pages/index/presale.vue

@@ -135,7 +135,7 @@
   </view>
   <!-- 购物车悬浮按钮 -->
   <view class="cart-floating">
-    <img @tap="toCart" src="/static/presale/cart.png" style="width: 48rpx; height: 46rpx" />
+    <img class="cart" @tap="toCart" src="/static/presale/cart.png" />
   </view>
 </template>
 
@@ -481,5 +481,14 @@ page {
   width: 80rpx;
   height: 80rpx;
   z-index: 99;
+  background-color: #ffffff;
+  border-radius: 50%;
+}
+.cart {
+  position: relative;
+  top: 20rpx;
+  left: 16rpx;
+  width: 48rpx;
+  height: 46rpx;
 }
 </style>