Fix：【商城小程序】寻趣味调整一下页面

pages/cloud/haveFun.vue

@@ -4,7 +4,7 @@
       <view class="v12-justify-start v12-align-center">
         <view class="flex jc-end">
           <view class="city-box" @click="goCity('cloud')">
-            <text style="white-space:nowrap; width: 100rpx" class="v12-primary-text one-t">{{ cityName }}</text>
+            <text style="white-space:nowrap; width: 90rpx" class="v12-primary-text one-t">{{ cityName }}</text>
             <image :src="webUrl+'/orderIcon/map.png'" mode="scaleToFill"></image>
           </view>
         </view>
@@ -264,7 +264,7 @@ export default {
       width: 575rpx;
       height: 60rpx;
       box-sizing: border-box;
-      margin: 0 auto;
+      // margin: 0 auto;
       padding: 0 24rpx 0 32rpx;
       border: 2rpx solid #BBD2D2;
       border-radius: 30rpx;
@@ -280,14 +280,14 @@ export default {
     }
 
     .type-box {
-      height: 180rpx;
+      height: 200rpx;
       box-sizing: border-box;
       white-space: nowrap;
-      padding: 20rpx 20rpx 0 48rpx;
+      padding: 20rpx 20rpx 0 20rpx;
 
       .item {
-        width: 175rpx;
+        width: 185rpx;
-        height: 175rpx;
+        height: 185rpx;
         margin-right: 20rpx;
         border-radius: 26rpx;
 
@@ -315,14 +315,14 @@ export default {
   }
 
   .body {
-    padding: 20rpx 32rpx;
+    padding: 20rpx 20rpx;
-    background: #f5f5f5;
+    background: #f0f0f0;
   }
 
   .city-box {
     display: inline-flex;
     align-items: center;
-    padding: 8rpx 18rpx 8rpx 16rpx;
+    padding: 8rpx 20rpx 8rpx 20rpx;
     border-radius: 30px;
     background: #fff;