时间线:长文显示封面——摘要下方圆角媒体位,样式与短文配图一致(vivid 本就有,补齐 classic)

This commit is contained in:
Sakurasan
2026-09-28 01:57:46 +08:00
parent baf14ec6ca
commit b6342a622d
+13 -2
View File
@@ -53,9 +53,14 @@ const initial = computed(() => (site.author_name || 'O').trim().slice(0, 1).toUp
<h2 class="title">{{ post.title || '无题' }}</h2>
</RouterLink>
<!-- 长文:摘要;短文:正文直接铺开 -->
<!-- 长文:摘要 + 封面媒体位;短文:正文直接铺开 -->
<div v-if="isShort" class="prose short-body" v-html="body"></div>
<div v-else class="summary">{{ summaryText }}</div>
<template v-else>
<div class="summary">{{ summaryText }}</div>
<div v-if="post.cover_url" class="imgs cover">
<img :src="post.cover_url" alt="" loading="lazy" decoding="async" />
</div>
</template>
<!-- 短文配图:Twitter 式网格(1 全宽 / 2 并排 / 3 左大右二 / 4 四宫格);点图开预览 -->
<div
@@ -229,6 +234,12 @@ const initial = computed(() => (site.author_name || 'O').trim().slice(0, 1).toUp
height: 100%;
}
/* 长文封面:与短文配图同款圆角媒体位,但点击语义是进文章而非预览 */
.imgs.cover img {
max-height: 340px;
cursor: pointer;
}
.meta {
display: flex;
align-items: center;