Browse Source

fix card size in travelshop page

Timmy 1 year ago
parent
commit
b36beaf19a
1 changed files with 3 additions and 2 deletions
  1. 3 2
      hichina-main-front-mobile-first/src/pages/TravelShopPage.vue

+ 3 - 2
hichina-main-front-mobile-first/src/pages/TravelShopPage.vue

@@ -63,14 +63,15 @@
         v-bind:key="index"
       >
         <div class="q-pa-md">
-          <q-card class="cursor-pointer" flat bordered>
+          <q-card class="cursor-pointer" flat bordered style="height: 500px">
             <q-img
               @click="goPage('/product-detail/' + item.skuGroupId)"
               :src="item.imageUrl"
+              style="height: 300px"
               placeholder-src="https://photoprism.hichinatravel.com/api/v1/t/2bfc32550ae040956f7e861566d26c487c0143e7/32mcf2k4/tile_224"
             />
 
-            <q-card-section>
+            <q-card-section style="max-height: 200px; overflow: hidden">
               <div class="text-subtitle1 text-pink">
                 Start from ¥{{ item.minPrice }}
               </div>