styl:购物车与登录页样式优化

pages/car/order.vue

@@ -16,17 +16,40 @@
         {{ checkedAddr.contact_addr }}
       </view>
     </view>
-    <view class="car_list">
-      <view v-for="(pItem, pIndex) in cartListByGroup" :key="pIndex">
-        <view class="business_name">{{ pItem.business_name }}</view>
-        <view class="car_item" v-for="(item, index) in pItem.products" :key="index">
+    <view style="padding-bottom: 180rpx">
+      <view class="car_list">
+        <view v-for="(pItem, pIndex) in cartListByGroup" :key="pIndex">
+          <view class="business_name">{{ pItem.business_name }}</view>
+          <view class="car_item" v-for="(item, index) in pItem.products" :key="index">
+            <view class="box_left">
+              <image class="car_image" :src="item.thumb" mode=""></image>
+            </view>
+            <view class="box_center">
+              <view class="car_name">{{ item.name }}</view>
+              <view class="car_spec">{{ item.spec }}</view>
+              <view v-if="item.promo_title" class="promo_title">{{ item.promo_title }}</view>
+              <view class="car_price">
+                <text class="price">￥{{ item.price }}</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 class="car_item" v-for="(item, index) in promoRebateList" :key="index">
           <view class="box_left">
             <image class="car_image" :src="item.thumb" mode=""></image>
           </view>
           <view class="box_center">
-            <view class="car_name">{{ item.name }}</view>
+            <view class="car_name">
+              <text v-if="item.promo_rebate_id">【赠品】</text>
+              {{ item.name }}
+            </view>
             <view class="car_spec">{{ item.spec }}</view>
-            <view v-if="item.promo_title" class="promo_title">{{ item.promo_title }}</view>
             <view class="car_price">
               <text class="price">￥{{ item.price }}</text>
             </view>
@@ -38,42 +61,22 @@
           </view>
         </view>
       </view>
-
-      <view class="car_item" v-for="(item, index) in promoRebateList" :key="index">
-        <view class="box_left">
-          <image class="car_image" :src="item.thumb" mode=""></image>
+      <view>
+        <view class="to_select_coupon" v-if="couponList.length" @click="popupCoupon()">
+          <text>优惠券</text>
+          <view class="coupon_deduction">{{ couponUsed }}</view>
         </view>
-        <view class="box_center">
-          <view class="car_name">
-            <text v-if="item.promo_rebate_id">【赠品】</text>
-            {{ item.name }}
-          </view>
-          <view class="car_spec">{{ item.spec }}</view>
-          <view class="car_price">
-            <text class="price">￥{{ item.price }}</text>
-          </view>
+        <view class="to_select_coupon" v-if="reduction > 0">
+          <text>满减</text>
+          <view class="coupon_deduction">-{{ reduction }}</view>
         </view>
-        <view class="box_right">
-          <view class="buy_num_box">
-            <view class="buy_num">共{{ item.buy_num }}件</view>
-          </view>
+        <view class="to_select_coupon" v-if="discount > 0">
+          <text>商品折扣</text>
+          <view class="coupon_deduction">-{{ discount }}</view>
         </view>
       </view>
     </view>
-    <view>
-      <view class="to_select_coupon" v-if="couponList.length" @click="popupCoupon()">
-        <text>优惠券</text>
-        <view class="coupon_deduction">{{ couponUsed }}</view>
-      </view>
-      <view class="to_select_coupon" v-if="reduction > 0">
-        <text>满减</text>
-        <view class="coupon_deduction">-{{ reduction }}</view>
-      </view>
-      <view class="to_select_coupon" v-if="discount > 0">
-        <text>商品折扣</text>
-        <view class="coupon_deduction">-{{ discount }}</view>
-      </view>
-    </view>
+
     <!-- <view class="price_content">
       <view class="price_content_title">价格明细</view>
       <view class="price_content_item"> </view>
@@ -604,7 +607,7 @@ export default {
     overflow: hidden;
     margin: 0rpx auto;
     padding: 20rpx 35rpx;
-    border-bottom: 2rpx solid #dddddd;
+    border-bottom: 2rpx solid #f3f3f3;
 
     .box_left {
       float: left;