style:购物车样式优化

pages/car/index.vue

@@ -377,7 +377,7 @@ export default {
   padding-bottom: 110rpx;
   .business_name {
     padding: 8rpx 10rpx;
-    border: 1px solid #f44336;
+    border-bottom: 1px solid #f3f3f3;
     font-size: 24rpx;
     z-index: 1;
     display: flex;

pages/car/order.vue

@@ -587,7 +587,7 @@ export default {
   background: #ffffff;
   .business_name {
     padding: 8rpx 10rpx;
-    border: 1px solid #f44336;
+    border-bottom: 1px solid #f3f3f3;
     font-size: 24rpx;
     z-index: 1;
     display: flex;

pages/orders/detail.vue

@@ -15,28 +15,31 @@
         >{{ order_datail.order_addr?.contact_province }} {{ order_datail.order_addr?.contact_city }} {{ order_datail.order_addr?.contact_area }} {{ order_datail.order_addr?.contact_addr }}</view
       >
     </view>
-    <view class="car_list">
-      <view class="business_name">{{ order_datail?.business_name }}</view>
+    <view style="padding-bottom: 210rpx">
+      <view class="car_list">
+        <view class="business_name">{{ order_datail?.business_name }}</view>
 
-      <view class="car_item" v-for="(item, index) in order_datail.order_items" :key="index">
-        <view class="box_left">
-          <image class="car_image" :src="item.product_thumb" mode=""></image>
-        </view>
-        <view class="box_center">
-          <view class="car_name">{{ item.product_name }}</view>
-          <view class="car_spec">{{ item.product_spec }}</view>
-          <view v-if="item.promo_title" class="promo_title">{{ item.promo_title }}</view>
-          <view class="car_price">
-            <text class="price">￥{{ item.pay_total }}</text>
+        <view class="car_item" v-for="(item, index) in order_datail.order_items" :key="index" @click="_navToProduct(item.product_id)">
+          <view class="box_left">
+            <image class="car_image" :src="item.product_thumb" mode=""></image>
           </view>
-        </view>
-        <view class="box_right">
-          <view class="buy_num_box">
-            <view class="buy_num">共{{ item.buy_num }}件</view>
+          <view class="box_center">
+            <view class="car_name">{{ item.product_name }}</view>
+            <view class="car_spec">{{ item.product_spec }}</view>
+            <view v-if="item.promo_title" class="promo_title">{{ item.promo_title }}</view>
+            <view class="car_price">
+              <text class="price">￥{{ item.pay_total }}</text>
+            </view>
+          </view>
+          <view class="box_right">
+            <view class="buy_num_box">
+              <view class="buy_num">共{{ item.buy_num }}件</view>
+            </view>
           </view>
         </view>
       </view>
     </view>
+
     <view class="price_content">
       <view class="price_content_title">价格明细</view>
       <view class="price_content_item">
@@ -91,6 +94,13 @@ export default {
           });
         });
     },
+    _navToProduct(id) {
+      if (id) {
+        uni.navigateTo({
+          url: "/pages/product/index?product_id=" + id,
+        });
+      }
+    },
   },
 };
 </script>
@@ -131,10 +141,9 @@ export default {
   margin: 0rpx auto;
   margin-top: 20rpx;
   background: #ffffff;
-  padding-bottom: 210rpx;
   .business_name {
     padding: 8rpx 10rpx;
-    border: 1px solid #f44336;
+    border-bottom: 1px solid #f3f3f3;
     font-size: 24rpx;
     z-index: 1;
     display: flex;

pages/orders/index.vue

@@ -14,10 +14,10 @@
         </view>
         <view class="product_list" :class="item.contents_class ? 'active' : ''">
           <view class="product_item" v-for="(product_info, k) in item.product_list" :key="k">
-            <image class="product_img" :src="product_info.product_thumb" mode="" @click="navToProduct(product_info.product_id)"></image>
+            <image class="product_img" :src="product_info.product_thumb" mode=""></image>
             <view class="product_info">
-              <view @click="navToProduct(product_info.product_id)" class="product_name"> <text v-if="product_info.is_rebate">【赠】</text> {{ product_info.product_name }} </view>
-              <view @click="navToProduct(product_info.product_id)" class="product_spec">
+              <view class="product_name"> <text v-if="product_info.is_rebate">【赠】</text> {{ product_info.product_name }} </view>
+              <view class="product_spec">
                 {{ product_info.product_spec }}
               </view>
             </view>