fix: 尝试修复水合问题

This commit is contained in:
camera-2018
2023-07-22 14:49:52 +08:00
parent 18f7f1b4e7
commit 5c8dad5e81

View File

@@ -1,38 +1,30 @@
<template> <template>
<p class="blog-item" @click="openBlog(PostURL)"> <div class="blog-item" @click="openBlog(PostURL)">
<!-- <i class="pin" v-if="!!pin"></i> --> <div class="title" v-if="inMobile">{{ Title }}</div>
<!-- 标题 -->
<p class="title" v-if="inMobile">{{ Title }}</p>
<div class="info-container"> <div class="info-container">
<!-- 左侧信息 -->
<div class="info-part"> <div class="info-part">
<!-- 标题 --> <div class="title" v-if="!inMobile">{{ Title }}</div>
<p class="title" v-if="!inMobile">{{ Title }}</p> <div class="description" v-if="!!Content">
<!-- 简短描述 -->
<p class="description" v-if="!!Content">
{{ Content }} {{ Content }}
</p> </div>
<!-- 底部补充描述 -->
<div class="badge-list" v-if="!inMobile"> <div class="badge-list" v-if="!inMobile">
<a class="split" v-if="Author" :href="withBase(AuthorURL)" @click.stop target="_blank">{{ Author }}</a> <a class="split" v-if="Author" :href="withBase(AuthorURL)" @click.stop target="_blank">{{ Author }}</a>
<span class="split">{{ showTime }}</span> <span class="split">{{ showTime }}</span>
<span class="split" v-if="tag?.length">{{ tag.join(' · ') }}</span> <span class="split" v-if="tag?.length">{{ tag.join(' · ') }}</span>
</div> </div>
</div> </div>
<!-- 右侧封面图 -->
<div <div
v-if="cover" v-if="cover"
class="cover-img" class="cover-img"
:style="`background-image: url(${cover});`" :style="`background-image: url(${cover});`"
></div> ></div>
</div> </div>
<!-- 底部补充描述 -->
<div class="badge-list" v-if="inMobile"> <div class="badge-list" v-if="inMobile">
<a class="split" v-if="Author" :href="withBase(AuthorURL)" @click.stop target="_blank">{{ Author }}</a> <a class="split" v-if="Author" :href="withBase(AuthorURL)" @click.stop target="_blank">{{ Author }}</a>
<span class="split">{{ showTime }}</span> <span class="split">{{ showTime }}</span>
<span class="split" v-if="tag?.length">{{ tag.join(' · ') }}</span> <span class="split" v-if="tag?.length">{{ tag.join(' · ') }}</span>
</div> </div>
</p> </div>
</template> </template>
<script setup> <script setup>