|
|
@ -20,7 +20,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 帖子内容 -->
|
|
|
|
<!-- 帖子内容 -->
|
|
|
|
<div class="post-content">
|
|
|
|
<div class="post-content">
|
|
|
|
<img :src="author?.userAvatar || require('@/assets/default-avatar/boy_1.png')" alt="作者头像" class="post-author-avatar" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
v-if="postDetailStore.post?.image"
|
|
|
|
|
|
|
|
:src="postDetailStore.post.image"
|
|
|
|
|
|
|
|
alt="帖子封面"
|
|
|
|
|
|
|
|
class="post-cover"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<h1 class="post-title">{{ postDetailStore.post?.title || '' }}</h1>
|
|
|
|
<h1 class="post-title">{{ postDetailStore.post?.title || '' }}</h1>
|
|
|
|
<p class="post-body">{{ postDetailStore.post?.content || '' }}</p>
|
|
|
|
<p class="post-body">{{ postDetailStore.post?.content || '' }}</p>
|
|
|
|
<div class="post-stats">
|
|
|
|
<div class="post-stats">
|
|
|
@ -348,7 +353,7 @@ onUnmounted(() => {
|
|
|
|
position: relative; /* 为绝对定位的元素提供参考 */
|
|
|
|
position: relative; /* 为绝对定位的元素提供参考 */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.post-author-avatar {
|
|
|
|
.post-cover {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 20px;
|
|
|
|
top: 20px;
|
|
|
|
right: 20px;
|
|
|
|
right: 20px;
|
|
|
@ -588,4 +593,5 @@ onUnmounted(() => {
|
|
|
|
.like-btn.liked {
|
|
|
|
.like-btn.liked {
|
|
|
|
color: #f56c6c;
|
|
|
|
color: #f56c6c;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</style>
|