Fix(购物车):[#1864]购物车商家名称标题过长，导致“进店逛逛”按钮字样折行

pages/cart.vue

@@ -29,7 +29,7 @@
         class="group-item"
       >
         <view class="flex jc-between">
-          <view class="flex ai-center">
+          <view class="flex ai-center mer-left">
             <CheckboxIcon
               :default-state="item['state']"
               :mark="[index]"
@@ -41,11 +41,10 @@
               class="store-cover"
               mode="scaleToFill"
             />
-            <view style="color:#333333;font-size: 30rpx">{{ item['merName'] }}</view>
+            <view class="mer-name">{{ item['merName'] }}</view>
           </view>
           <view
-            class="flex ai-center"
-            style="color:#E92727;font-size: 24rpx"
+            class="flex ai-center hotle-btn"
             @click="navToStore(item['hotelId'])"
           >
             进店逛逛
@@ -560,7 +559,7 @@ view {
 .group-item {
   width: 710rpx;
   margin: 12rpx 20rpx;
-  padding: 8rpx 8rpx 32rpx 20rpx;
+  padding: 20rpx 8rpx 32rpx 20rpx;
   background: #FFFFFF;
   border-radius: 12rpx;
 
@@ -570,6 +569,20 @@ view {
     margin-right: 8rpx;
     border-radius: 50%;
   }
+  .mer-left {
+    width: calc(100% - 140rpx);
+  }
+  .mer-name {
+    width: calc(100% - 104rpx);
+    color: #333;
+    font-size: 30rpx;
+  }
+  .hotle-btn {
+    justify-content: flex-end;
+    width: 140rpx;
+    color: #E92727;
+    font-size: 24rpx;
+  }
 }
 
 .good-box {