no message

src/pages/detailHotalDida.vue

@@ -53,7 +53,6 @@
                 <!-- 目的地 -->
                 <div class="q-ml-xs q-mt-md text-grey-6 text-subtitle2 text-regular col">
                 <destination class="w-full" 
-                style="border-radius: 3px;"
                 :msg="{
                   CityCode:CityCode?CityCode:dataList.CityCode,
                   CityName:CityName?CityName:dataList.CityName,

src/pages/didaHotel/destination.vue

 <template>
     <div class="didaDestination q-px-md relative cursor-pointer" 
-    style="min-width:100%;border-radius: 3px;"
+    style="border-radius: 3px;"
     :style="{width:Type>0?'100%':Type==0?'240px':'100%'}">
       <!-- <div class="text-xxs absolute top-0 left-0 q-px-md" style="color: rgba(5,32,50,.8);">
        目的地
       </div> -->
-        <div class="row items-center no-wrap relative">
+        <div class="row items-center no-wrap relative w-full">
             <div class="" id="cit">
                 <q-btn
                 dark-percentage
@@ -24,10 +24,13 @@
                         <span class="text-xs text-no-wrap overflow-hidden col">{{ HotalMsg.CityName?HotalMsg.CityName:'城市' }}</span>
                     </span>
                 </q-btn>
-            <div class="self-center no-outline text-xxs absolute bg-white overflow-hidden" 
-            style="width:auto;min-width: 500px;top: 50px;left: 30px;right:0; border-radius: 3px;
+                <div class="self-center no-outline text-xxs absolute bg-white overflow-hidden col" 
+                style="top: 50px;right:0; border-radius: 3px;
                 box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.2) !important;z-index: 2;"
-            tabindex="0" v-show="showSplitPannel">
+                tabindex="0" 
+                :style="{'min-width':$q.platform.is.desktop?'450px':'400px',
+                left:$q.platform.is.desktop?'30px':'0'}"
+                v-show="showSplitPannel">
                     <div>
                         <q-input
                             v-model="HotalMsg.KeyWords2"
@@ -70,10 +73,13 @@
                                     color: 'black'
                                 }">
                                     <div class="row wrap">
-                                    <div class="CityNameBox-r col-2 text-center text-xxs 
+                                        <div class="CityNameBox-r text-center text-xxs 
                                         text-no-wrap q-pa-xs q-mr-xs q-mb-xs cursor-pointer
-                                    overflow-hidden text-ellipsis" v-for="(y,index) in CityList" :key="index"
-                                    :class="[HotalMsg.CityCode==y.CityCode?'active':'']"
+                                        overflow-hidden text-ellipsis" 
+                                        v-for="(y,index) in CityList" :key="index"
+                                        :class="[HotalMsg.CityCode==y.CityCode?'active':'',
+                                            $q.platform.is.desktop?'col-2':'col-3'
+                                        ]"
                                         @click="changeCity(y)">
                                             {{ y.CityName }}
                                         </div>
@@ -93,6 +99,7 @@
             filled
             dense
             standout="col bg-grey-1 text-black"
+            :style="{width:$q.platform.is.desktop?'300px':'100%'}"
             @input="searchInputHandler(0)"
             @focus.stop="searchFocusHandler(0)"
             @blur="searchBlurHandler(0)"