Browse Source

fix card size in blog page

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

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

@@ -72,14 +72,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: 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>