Browse Source

评论

dev_des
1054425342@qq.com 4 weeks ago
parent
commit
72e6338cbe
  1. 19
      pages/notes/detail.vue

19
pages/notes/detail.vue

@ -57,16 +57,6 @@
{{ noteDetail.title }} {{ noteDetail.title }}
</view> </view>
<!-- 标签 -->
<view
class="tags-section"
v-if="noteDetail.tags && noteDetail.tags.length"
>
<view class="tag-item" v-for="tag in noteDetail.tags" :key="tag">
#{{ tag }}
</view>
</view>
<!-- 笔记内容 --> <!-- 笔记内容 -->
<view class="note-content"> <view class="note-content">
<view class="content-text">{{ noteDetail.content }}</view> <view class="content-text">{{ noteDetail.content }}</view>
@ -113,9 +103,7 @@
<view class="comment-content"> <view class="comment-content">
<view class="comment-header"> <view class="comment-header">
<text class="comment-user">{{ comment.nickname }}</text> <text class="comment-user">{{ comment.nickname }}</text>
<text class="comment-time">{{ <text class="comment-time">{{ comment.formatTime }}</text>
formatTime(comment.createTime)
}}</text>
</view> </view>
<text class="comment-text">{{ comment.content }}</text> <text class="comment-text">{{ comment.content }}</text>
</view> </view>
@ -725,7 +713,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 24rpx 32rpx 0; padding: 24rpx 32rpx 0;
padding-bottom: max(env(safe-area-inset-bottom), 24rpx);
.comment-input { .comment-input {
flex: 1; flex: 1;
@ -736,6 +723,7 @@ export default {
font-size: 28rpx; font-size: 28rpx;
border: none; border: none;
margin-right: 16rpx; margin-right: 16rpx;
margin-bottom: max(env(safe-area-inset-bottom), 24rpx);
} }
.send-btn { .send-btn {
@ -749,6 +737,7 @@ export default {
border: none; border: none;
font-weight: 500; font-weight: 500;
margin-right: 24rpx; margin-right: 24rpx;
margin-bottom: max(env(safe-area-inset-bottom), 24rpx);
&:disabled { &:disabled {
background: #ccc; background: #ccc;
@ -756,6 +745,8 @@ export default {
} }
.like-section { .like-section {
margin-bottom: max(env(safe-area-inset-bottom), 24rpx);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8rpx; gap: 8rpx;

Loading…
Cancel
Save