From bd2a40affe42ddf4d78553d315cf7a4936dc0223 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期四, 29 五月 2025 17:50:08 +0800
Subject: [PATCH] 视频评论样式优化
---
App.vue | 6 +++---
pages/tabbar/index/home.vue | 13 +++++++++----
2 files changed, 12 insertions(+), 7 deletions(-)
diff --git a/App.vue b/App.vue
index fff17be..98414e3 100644
--- a/App.vue
+++ b/App.vue
@@ -255,9 +255,9 @@
@font-face {
font-family: 'iconfont'; /* Project id 4921691 */
src:
- url('//at.alicdn.com/t/c/font_4921691_egp12flgzc7.woff2?t=1748508836450') format('woff2'),
- url('//at.alicdn.com/t/c/font_4921691_egp12flgzc7.woff?t=1748508836450') format('woff'),
- url('//at.alicdn.com/t/c/font_4921691_egp12flgzc7.ttf?t=1748508836450') format('truetype');
+ url('//at.alicdn.com/t/c/font_4921691_s75bca4srg.woff2?t=1748511781888') format('woff2'),
+ url('//at.alicdn.com/t/c/font_4921691_s75bca4srg.woff?t=1748511781888') format('woff'),
+ url('//at.alicdn.com/t/c/font_4921691_s75bca4srg.ttf?t=1748511781888') format('truetype');
}
.iconfont {
/* font-family闇�瑕佸拰鑷畾涔夌殑鐩稿悓 */
diff --git a/pages/tabbar/index/home.vue b/pages/tabbar/index/home.vue
index 66dbb7d..53dd3de 100644
--- a/pages/tabbar/index/home.vue
+++ b/pages/tabbar/index/home.vue
@@ -145,14 +145,14 @@
</view>
</view>
<view class="view-more-replies" v-if="comment.replyTotalCount > 0 && !comment.expandReply" @click="loadRepliesPage(comment, index)">
- 灞曞紑{{comment.replyTotalCount}}鏉″洖澶� 鈫�
+ <text class="line">鈥斺��</text>灞曞紑{{comment.replyTotalCount}}鏉″洖澶� 鈫�
</view>
<view class="reply-op" v-if="comment.replyTotalCount > replyCommentQuery.pageNumber * replyCommentQuery.pageSize && comment.expandReply">
- <view @click="loadNextPageReply(index)" class="reply-op-item">灞曞紑鏇村<text class="iconfont textSideIcon"></text></view>
+ <view @click="loadNextPageReply(index)" class="reply-op-item"><text class="line">鈥斺��</text>灞曞紑鏇村<text class="iconfont textSideIcon"></text></view>
<view @click="retractReplyComment(index)" class="reply-op-item" style="margin-left: 50rpx;">鏀惰捣<text class="iconfont textSideIcon"></text></view>
</view>
<view class="reply-op" v-else-if="comment.replyTotalCount <= replyCommentQuery.pageNumber * replyCommentQuery.pageSize && comment.expandReply">
- <view @click="retractReplyComment(index)" class="reply-op-item">鏀惰捣<text class="iconfont textSideIcon"></text></view>
+ <view @click="retractReplyComment(index)" class="reply-op-item"><text class="line">鈥斺��</text>鏀惰捣<text class="iconfont textSideIcon"></text></view>
</view>
</view>
</scroll-view>
@@ -804,7 +804,7 @@
.comment-item {
display: flex;
flex-direction: column;
- padding: 10rpx 0;
+ padding: 10rpx 0 20rpx 0;
}
.comment-avatar {
@@ -887,6 +887,7 @@
.reply-op-item {
display: flex;
align-items: center;
+ height: 40rpx;
}
.reply-item {
@@ -942,4 +943,8 @@
font-size: 36rpx;
margin-left: 5rpx;
}
+ .line {
+ margin-right: 10rpx;
+ color: #cccccc;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.8.0