|
|
@@ -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"
|
|
|
placeholder-src="https://photoprism.hichinatravel.com/api/v1/t/2bfc32550ae040956f7e861566d26c487c0143e7/32mcf2k4/tile_224"
|
|
|
+ style="height: 300px"
|
|
|
/>
|
|
|
|
|
|
- <q-card-section>
|
|
|
+ <q-card-section style="max-height: 200px; overflow: hidden">
|
|
|
<div class="text-overline text-orange-9">
|
|
|
{{ item.value.createdTime }}
|
|
|
</div>
|
|
|
@@ -158,7 +160,15 @@
|
|
|
}}</a>
|
|
|
</div>
|
|
|
<div class="text-caption text-grey">
|
|
|
- {{ item.value.content }}
|
|
|
+ <div v-if="!showFullContent">
|
|
|
+ {{ item.value.content.slice(0, 200) }}
|
|
|
+ <!-- Display the first 200 characters -->
|
|
|
+
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ {{ item.value.content }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</q-card-section>
|
|
|
</q-card>
|
