Feat：寻趣味细节调整

pages/cloud/haveFun.vue

@@ -1,7 +1,14 @@
 <template>
   <view class="have-fun tabbar-page">
     <view class="top-box">
-      <view class="search-box flex jc-between ai-center">
+      <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>
+            <image :src="webUrl+'/orderIcon/map.png'" mode="scaleToFill"></image>
+          </view>
+        </view>
+        <view class="search-box v12-primary-border flex jc-between ai-center">
           <input
             v-model="name"
             type="text"
@@ -9,13 +16,16 @@
             placeholder-style="color:#949494"
             @confirm="search"
           >
+          <view class="search-btn v12-primary v12-white-text v12-radius-60" @click="search">
+            <text class="v12-font-bold">搜索</text>
             <image
-          class="icon"
-          :src="webUrl+'/20220903142935869059.png'"
+              class="icon v12-ml-1"
+              :src="webUrl+'/orderIcon/搜索 (1).png'"
               mode="scaleToFill"
-          @click="search"
             />
           </view>
+        </view>
+      </view>
       <scroll-view class="type-box flex" scroll-x enable-flex>
         <view
           v-for="(item, index) in typeList"
@@ -62,11 +72,8 @@
       </view>
     </view>
     <view class="body">
-      <view class="flex jc-end">
-        <view class="city-box" @click="goCity('cloud')">
-          <image :src="webUrl+'/20220903142929759087.png'" mode="scaleToFill"></image>
-          <text>{{ cityName }}</text>
-        </view>
+      <view>
+        <text class="v12-font-bold" v-if="currType.carousel">推荐</text>
       </view>
       <view v-if="isLoad">
         <view v-if="hotelList.length > 0">
@@ -235,6 +242,16 @@ export default {
 }
 </script>
 <style scoped lang="less">
+.search-btn{
+  position: absolute;
+    top: 2rpx;
+    bottom: 2rpx;
+    right: 2rpx;
+    padding: 0rpx 20rpx;
+    display: flex;
+    align-items: center;
+    font-size: 28rpx;
+}
 .have-fun {
   //padding-top: 120rpx;
 
@@ -243,7 +260,8 @@ export default {
     background: #fff;
 
     .search-box {
-      width: 686rpx;
+      position: relative;
+      width: 575rpx;
       height: 60rpx;
       box-sizing: border-box;
       margin: 0 auto;