Просмотр исходного кода

fix card size in travelshop page

Timmy 1 год назад
Родитель
Сommit
b36beaf19a
1 измененных файлов с 3 добавлено и 2 удалено
  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>