搜索页适配移动端

src/components/searchdata/kkday.vue

 <template>
-  <div class="row items-start q-mt-lg">
-    <div class="col-3 q-mr-lg">
+  <div class="items-start q-mt-lg" :class="$q.platform.is.desktop ? 'row' : 'colmuns'">
+    <div class="col-3" :class="$q.platform.is.desktop ? 'q-mr-lg' : 'q-ma-md'">
       <q-card flat class="rounded-borders q-py-md">
         <div class="text-subtitle1 text-weight-bold q-mx-md">篩選目的地</div>
         <q-input
@@ -154,10 +154,10 @@
             rounded-borders
             cursor-pointer
             overflow-hidden
-            q-mb-md
-            row
+            
             bg-white
           "
+           :class="$q.platform.is.desktop ? 'row q-mb-md' : 'colmuns q-ma-md'"
           @click="GotoDetails(x)"
           v-for="(x, i) in DataList"
           :key="i"
@@ -167,7 +167,8 @@
             :ratio="1"
             spinner-color="grey"
             spinner-size="20px"
-            width="272px"
+           :width="$q.platform.is.desktop ? '272px' : ''"
+           :height="$q.platform.is.desktop ? '' : '200px'"
             class="bg-grey-3"
           />
           <div class="q-pa-md col column">

src/pages/Search.vue

@@ -791,7 +791,7 @@
       </div>
 
       <!-- 手机端 -->
-      <div class="mobileSearch q-mt-md">
+      <!-- <div class="mobileSearch q-mt-md">
         <div class="search-bar-m">
           <i class="iconfont iconchazhao"></i>
           <input
@@ -815,7 +815,7 @@
           />
           <div class="sortShaixuan" @click="fullHeight = true">更多篩選條件</div>
         </div>
-      </div>
+      </div> -->
 
       <template v-if="ShowType==0">
         <!--豆腐格-->