时间线:长文显示封面——摘要下方圆角媒体位,样式与短文配图一致(vivid 本就有,补齐 classic)
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user