小程序购物车界面布局修改

pages/tabbar/cart/index.vue

@@ -73,7 +73,7 @@
                   ></image>
                   <text class="shop-name">{{ item.shopName }}</text>
                   <image
-                      src="https://ceres.zkthink.com/static/images/arrowRight.png"
+                      src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_shop_forward.png"
                       class="arrow-right-img"
                   ></image>
                 </view>
@@ -131,7 +131,9 @@
                           <text>{{ skuItem.price }}</text>
                         </view>
                         <view class="cart-operate-num-box">
-                          <image class="operate-img" @click.stop="handleSubSkuNumber(index,cIndex)"
+                          <image v-if="skuItem.number === 1" class="operate-img" @click.stop="handleSubSkuNumber(index,cIndex)"
+                                 src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_nosub.png"/>
+                          <image v-else class="operate-img" @click.stop="handleSubSkuNumber(index,cIndex)"
                                  src="https://wechat.hnthee.com/ceres-local-file/image/icon_cart_sub.png"/>
                           <text class="num">{{ skuItem.number }}</text>
                           <image class="operate-img" @click.stop="handleAddSkuNumber(index,cIndex)"
@@ -774,15 +776,17 @@ export default {
 
     .itemBox {
       .item {
-        background: #FAFAFA;
-        border-bottom: 16rpx solid #F8F9FA;
-
+        background: #ffffff;
+        //border-bottom: 16rpx solid #F8F9FA;
+        margin-left: 30rpx;
+        margin-right: 30rpx;
+        margin-top: 30rpx;
+        border-radius: 30rpx;
         .shop-box {
           margin-top: 5rpx;
           display: flex;
           flex-direction: row;
           align-items: center;
-          border-bottom: 1px solid #eee;
           position: relative;
 
           .cart-select-img {
@@ -804,20 +808,21 @@ export default {
             }
 
             .shop-name {
-              font-size: 30rpx;
-              color: #333;
-              font-weight: bold;
+              font-size: 28rpx;
+              color: #252744;
               display: inline-block;
               margin-left: 10rpx;
             }
 
             .arrow-right-img {
-              width: 30rpx;
-              height: 30rpx;
-              box-sizing: border-box;
+              width: 14rpx;
+              height: 24rpx;
+              margin-left: 12rpx;
+              margin-top: 4rpx;
+             /* box-sizing: border-box;
               margin-left: 30rpx;
               position: absolute;
-              right: 30rpx;
+              right: 30rpx;*/
             }
           }
         }
@@ -878,7 +883,7 @@ export default {
                   line-height: 33rpx;
                   display: -webkit-box;
                   overflow: hidden;
-                  font-size: 26rpx;
+                  font-size: 24rpx;
                   color: #252744;
                   text-overflow: ellipsis;
                   word-break: break-all;
@@ -963,7 +968,7 @@ export default {
 
     .itemBox:first-child {
       .shop-box {
-        border-top: 2rpx solid #eee;
+        //border-top: 2rpx solid #eee;
       }
     }