no message

src/components/searchdata/rightList.vue

 <template>
-    <div class="rounded-borders bg-white q-col-gutter-sm">
-        <div class="row q-col-gutter-sm items-center q-pa-md">
+    <div class="rounded-borders bg-white" :class="{'q-col-gutter-sm':$q.platform.is.desktop}">
+        <div class="row items-center q-pa-md" :class="{'q-col-gutter-sm':$q.platform.is.desktop}">
           <div class="text-subtitle2 q-mr-md">
             <span class="text-weight-bold text-primary q-mr-sm">{{
               TotalCount
@@ -19,10 +19,11 @@
           />
         </div>
         <div
-          class="q-pa-md row items-center"
+          class="row items-center"
+          :class="{'q-pa-md':$q.platform.is.desktop,'q-pa-sm justify-between':$q.platform.is.mobile}"
           style="border-top: 1px solid #eee"
         >
-          <span class="f12">{{$t('v103.scheduledTrip.sort')}}：</span>
+          <span class="f12" v-if="$q.platform.is.desktop">{{$t('v103.scheduledTrip.sort')}}：</span>
           <q-chip
             square
             :icon="x.icon"
@@ -42,17 +43,18 @@
       </div>
       <div class="q-mt-lg">
         <div
-          class="rounded-borders cursor-pointer overflow-hidden q-mb-md row bg-white"
+          class="rounded-borders cursor-pointer overflow-hidden q-mb-md bg-white"
+          :class="{'row':$q.platform.is.desktop,'column':$q.platform.is.mobile}"
           @click="GotoDetails(x)"
           v-for="(x, i) in DataList"
           :key="i"
         >
           <q-img
             :src="x.newCoverImg"
-            :ratio="1"
+            :ratio="16/9"
             spinner-color="grey"
             spinner-size="20px"
-            width="272px"
+            :width="$q.platform.is.desktop?'272px':'100%'"
             class="bg-grey-3"
           />
           <div class="q-pa-md col column">
@@ -114,7 +116,10 @@
         </div>
       </div>
       
-      <div class="q-mb-md row justify-center">
+      <div v-if="$q.platform.is.mobile" class="bg-white q-my-md q-pa-sm rounded-borders">
+        <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="PageCount" :input="true" @update:model-value="goSearchHandler" />
+      </div>
+      <div v-else class="q-mb-md row justify-center">
         <q-pagination
           v-if="PageCount > 1"
           v-model="msg.pageIndex"

src/components/searchdata/search.vue

 <template>
-  <div v-if="$q.platform.is.mobile" class="rounded-borders bg-white row items-center q-mb-md q-px-md">
-      <q-input
-          v-model="searchAdd.name"
-          type="text"
-          standout
-          :placeholder="$t('v103.scheduledTrip.searchinput')"
-          class="q-my-md"
-          @update:model-value="changeAddrSearchHandler"
-        />
+  <div v-if="$q.platform.is.mobile" class="rounded-borders bg-white row items-center q-ma-sm q-py-md q-mb-md q-px-md">
+        <q-input v-model="searchAdd.name" class="SearchMain-height" dense reverse-fill-mask ftype="text" standout :label="$t('v103.scheduledTrip.searchinput')" @update:model-value="changeAddrSearchHandler"/>
         <div class="col"></div>
         <q-btn unelevated class="bg-grey-3 hover q-mr-md" :title="$t('morequery')">
           <q-badge rounded class="din bg-red-2 text-red-14 text-weight-bold" floating :label="searchCnt"
@@ -678,6 +671,9 @@
   </script>
   
   <style>
-  
+    .SearchMain .SearchMain-height .q-field__control {
+      height: 40px;
+      min-height: 40px !important;
+    }
   </style>
   
\ No newline at end of file

src/pages/scheduledTrip/detailsNew.vue

@@ -219,7 +219,7 @@
       </div>
       <div :class="{'col-8':$q.platform.is.desktop,'col':$q.platform.is.mobile}">
         <div class="text-h5 text-weight-bold text-left" id="feature" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">行程特色</div>
-        <div class="q-mt-md trip-text q-pb-xl" v-html="dataList.feature.featureContent" v-if="dataList.feature.featureContent != ''"></div>
+        <div class="q-mt-md trip-text q-pb-xl" v-html="dataList.feature.featureContent" v-if="dataList.feature.featureContent != ''" :class="{'q-px-md':$q.platform.is.mobile}"></div>
         <div class="q-mt-md q-pb-xl" id="setZoom" ref="diyContext" :style="{ zoom: zoomDiyContext }" v-html="dataList.feature.featureHtml" v-if="dataList.feature.featureHtml != ''"></div>
         <div class="text-h5 text-weight-bold text-left q-mt-xl" id="product" :class="{'q-px-md': $q.screen.width < 1220&&$q.platform.is.mobile}">行程介紹</div>
         <div class="q-pb-xl">
@@ -550,13 +550,17 @@ export default defineComponent({
                   if (data.dataList.feature.featureHtml != '') {
                     let tw = $q.platform.is.desktop? parseFloat(diyContext.value.getBoundingClientRect().width) / 1000.0:parseFloat(diyContext.value.getBoundingClientRect().width) / 1123.0
 
-                    if($q.platform.is.mobile){
+                    
                       let divArr = document.querySelectorAll("#setZoom>div")
                       for(let i=0;i<divArr.length;i++){
                         let div = divArr[i]
-                        div.style.zoom = div.offsetWidth>1000?0.999:document.documentElement.clientWidth/1123.0
+                        if($q.platform.is.mobile){
+                          div.style.zoom = div.offsetWidth>1000?0.999:document.documentElement.clientWidth/1123.0
+                        }else{
+                          div.style.zoom = 1
+                        }
                       }
-                    }
+                    
                     data.zoomDiyContext = tw > 1 ? 1 : tw.toFixed(2)
                   }
                   setTimeout(() => {

src/pages/scheduledTrip/scheduledTripList.vue

@@ -564,9 +564,6 @@
 
   .SearchMain .q-field__control {
     height: 46px;
-  }
-
-  .SearchMain .q-field__control {
     min-height: 46px !important;
   }