From 8b93ab3c186c98d554e34c5f7bdb19a94caebb0b Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Thu, 26 Dec 2024 19:46:36 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A2963=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E5=9F=8E=E5=B8=82=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E6=8F=90=E7=A4=BA--=E6=8F=90=E7=A4=BA=E6=A1=86?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/cloud/haveFun.vue | 44 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue
index 7113b02..cbc88e3 100644
--- a/pages/cloud/haveFun.vue
+++ b/pages/cloud/haveFun.vue
@@ -8,6 +8,7 @@
             <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"
@@ -26,6 +27,19 @@
           </view>
         </view>
       </view>
+      <view class="v12-pa-2" style="position: relative">
+        <view class="v12-radius-20 v12-px-2 v12-py-1 tip-wrap v12-align-center v12-justify-between">
+          <view class="v12-align-center">
+            <image
+              class="map-icon"
+              mode="scaleToFill"
+              :src="webUrl + '/orderIcon/map_white.png'"
+            ></image>
+            <text style="width: 85%" class="v12-font-24 v12-white-text">定位显示你在  {{ cityName }}  点击可切换其他城市</text>
+          </view>
+          <view  @click="goCity('cloud')" class="qh-btn v12-white v12-radius-10 v12-font-24 v12-font-bold v12-dark-text v12-px-2">点击切换</view>
+        </view>
+      </view>
       <view>
         
         <scroll-view class="type-box flex" scroll-x enable-flex>
@@ -341,6 +355,32 @@ export default {
 }
 </script>
 <style scoped lang="less">
+.map-icon{
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 5rpx;
+}
+.qh-btn{
+  padding-top: 4rpx;
+  padding-bottom: 4rpx;
+  // border: thin dashed #999;
+  white-space: nowrap;
+}
+.tip-wrap{
+  background: #AAAEB3;
+  position: relative;
+  align-items: self-start !important;
+  &::before{
+    position: absolute;
+    content: '';
+    border-left: 15rpx solid transparent;
+    border-right: 15rpx solid transparent;
+    border-top: 20rpx solid transparent;
+    border-bottom: 20rpx solid #AAAEB3;
+    top: -30rpx;
+    left: 10%;
+  }
+}
 .icon-box{
   border: 1rpx solid #fff;
   border-radius: 100%;
@@ -450,7 +490,7 @@ export default {
       height: 200rpx;
       box-sizing: border-box;
       white-space: nowrap;
-      padding: 20rpx 20rpx 0 20rpx;
+      padding: 0rpx 20rpx 0 20rpx;
 
       .item {
         width: 154rpx;
@@ -482,7 +522,7 @@ export default {
   }
 
   .body {
-    padding: 20rpx 20rpx;
+    padding: 0 20rpx 20rpx;
     background: #f5f5f5;
   }