页面修改

src/components/trip/tripList.vue

@@ -2,8 +2,9 @@
   <div class="q-mt-lg q-mb-lg">
     <div class="section-block download1">
       <!-- <div class="group-title">{{plugData.Title}}</div> -->
-      <q-table v-if="plugData.priceList&&plugData.priceList.length>0 && !$q.screen.xs" :pagination.sync="paginationDesktop" :data="plugData.priceList" :columns="columns" row-key="id"
-        :filter="filter" table-header-class="travel-list" card-class="travel-list" :pagination-label="formatLabel"
+      <q-table v-if="plugData.priceList&&plugData.priceList.length>0 && !$q.screen.xs"
+        :pagination.sync="paginationDesktop" :data="plugData.priceList" :columns="columns" row-key="id" :filter="filter"
+        table-header-class="travel-list" card-class="travel-list" :pagination-label="formatLabel"
         rows-per-page-label=" " :rows-per-page-options="[]" TCNUM-data-labe="沒有找到適合的團期">
         <template v-slot:body="props">
           <q-tr :props="props">
@@ -41,9 +42,10 @@
           </q-tr>
         </template>
       </q-table>
-      <q-table :pagination.sync="pagination" v-if="plugData.priceList&&plugData.priceList.length>0 && $q.screen.xs"  grid :data="plugData.priceList" :columns="columns"
-        row-key="id" :filter="filter" table-header-class="travel-list" card-class="travel-list"
-        :pagination-label="formatLabel" rows-per-page-label=" " :rows-per-page-options="[]" TCNUM-data-labe="沒有找到適合的團期">
+      <q-table :pagination.sync="pagination" v-if="plugData.priceList&&plugData.priceList.length>0 && $q.screen.xs" grid
+        :data="plugData.priceList" :columns="columns" row-key="id" :filter="filter" table-header-class="travel-list"
+        card-class="travel-list" :pagination-label="formatLabel" rows-per-page-label=" " :rows-per-page-options="[]"
+        TCNUM-data-labe="沒有找到適合的團期">
         <template v-slot:item="props">
           <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition">
             <q-card class="q-mb-md q-pt-xs q-pb-xs" flat>