Browse Source

modify card in index page

Timmy 1 year ago
parent
commit
650c37c59b
1 changed files with 5 additions and 1 deletions
  1. 5 1
      hichina-main-front-mobile-first/src/pages/IndexPage.vue

+ 5 - 1
hichina-main-front-mobile-first/src/pages/IndexPage.vue

@@ -141,14 +141,16 @@
             class="cursor-pointer"
             flat
             bordered
+            style="height: 530px"
           >
             <q-img
               @click="goPage('/blog-detail/' + item.value.blogId)"
               :src="item.value.headImageUrl"
+              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-overline text-orange-9">
                 {{ item.value.createdTime }}
               </div>
@@ -167,10 +169,12 @@
             class="cursor-pointer"
             flat
             bordered
+            style="height: 400px"
           >
             <q-img
               @click="goPage('/product-detail/' + item.value.skuGroupId)"
               :src="item.value.imageUrl"
+              style="height: 220px"
               placeholder-src="https://photoprism.hichinatravel.com/api/v1/t/2bfc32550ae040956f7e861566d26c487c0143e7/32mcf2k4/tile_224"
             />