root/t
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

info

Browse Source
This commit is contained in:
root
2025-03-20 19:32:25 +08:00
parent ebc8c7bb26
commit 8e35b74d86
17 changed files with 3170 additions and 1840 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uni_modules/hb-comment/components/hb-comment/hb-comment.vue
+45 -49
View File
@@ -1,7 +1,7 @@
<template>
<view class="hb-comment">
<!-- 阅读数-start -->
<!-- <view>
<!-- <view>
<img style="width: 14px; height: 14px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA0tJREFUWEftVk2IHUUQ/qp311NOksRT8JBDkARCfrxEDyLK+pe/DQkmJpBlZ7ofDwQ15iRocjYSSWAzU/OWd4hCMJiQH43xBz2YXCRivIgHQQ8SRPGUU/btfNLPnuU5O7OZlWz2kobh8aq/qvq6qrq6BEu8ZIn94wGBBUWg3W6v6vV62wFsILlGRNYA6AH4AcCPJH8mebPT6dxomtpGBJxz4wD2kny2oWHN81ybEJmXQKvVWpfn+VsAXi45vgPgj/D5rUfC91AJ54m83el0PLZy1RKw1u4GkAB4OGj+LSJXRORMkiSXq6xFUfSUiHi93SKyImB+BeBU9fMqnUoCcRy/IiIfFAoicp7kYVX9pUkKrLWrReRdkjsLvNfPsuxYWX8OAWvtOwCODACPqOrRJo7LmApbe1T17CDuPwSccy2SpwZYj2VZdr7K+fj4+IqRkZFVIjJD8ndV/asKdzcSswTiON4iIlcBLPOGROTFNE0/rTHqQ3motHdWVffU1YYx5utizxjzXJIk3te/nbDdbi/r9XpesCWAasNureV86VDVurqKRUSD7k8zMzPPT01N/dYHW2uPA3gtnDxL09TWnPwjX+F+j+Q1EfkCwC0ALwHYGnTeU9U3q/Sdc0oyDnvnVHWXOOdeIPlJEN4E8ExVPq21ywH8GXCXVHXboJM4jr8VkSe8bHp6emW32y2ws7Bg40sA68NhD3gCXZIHA2q07r4659aT9C3XL3+vi3D2BaVi26Sq31dFIY7jgyLSDXs3xFp7rci9MebJJEn8/zlrMQj00+ic20/ydAjJhTRNd9Tk/56ngOT2ogg/BjAWHB9X1TfuQxG+r6qv9wlMTEw8OjQ0dAXAY8HxYl/D68PDw6OTk5O3Z+9sq9UazfP8s+Lki9iIbpMczbLsej/tg6F2zr1K8kQhI3n/WnHhdDEfI5L7syz7cPDQlW2zHIl78RwDqCzu2oEkiqKnjTFfDbD9vwOJb9vHsiw7XHWz5h3JoijaZIzxz/PjJeVGIxnJb4wxJ9M0PVflfE4R1oGcc2Mk9wHYVYcpyS8BuKiqnbvhG03FhRHn3GaSG0muM8as9b8AjB/HRcR/35G8oKr+hWy0FkSgkcUFgh4QWPII/ANy0cUvD9WbkgAAAABJRU5ErkJggg==" />
<span class="top-read">{{commentData.readNumer}}</span>
@@ -28,25 +28,20 @@
<view class="comment-box" v-for="(item, index) in commentData.comment" :key="index">
<view class="comment-box-item">
<view>
<cloud-image v-if="item.avatarUrl"
height="70rpx"
width="70rpx"
borderRadius="50%"
:src="item.avatarUrl.url"></cloud-image>
<image class="avatar"
:src="emptyAvatar"
mode=""
v-else></image>
<cloud-image v-if="item.avatarUrl" height="70rpx" width="70rpx" borderRadius="50%"
@click="toCommentPersonalpage(item)"
:src="item.avatarUrl.url"></cloud-image>
</view>
<view class="comment-main">
<!-- 父评论体-start -->
<view class="comment-main-top">
<view class="nick-name-box">
<view class="comLogo com4" >{{index + 1}}楼</view>
<view class="nick-name-box" @click="toCommentPersonalpage(item)">
<view class="comLogo com4">{{index + 1}}楼</view>
<view class="nick-name">{{item.nickName}}</view>
</view>
<view class="zan-box" @click="like(item)">
<span :class="item.hasLike ? 'isLike' : 'notLike'">{{item.likeNum == 0 ? '抢首赞' : item.likeNum}}</span>
<span
:class="item.hasLike ? 'isLike' : 'notLike'">{{item.likeNum == 0 ? '抢首赞' : item.likeNum}}</span>
<img style="width: 14px; height: 14px;" v-if="!item.hasLike"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAApVJREFUWEfFlz9oFEEUxr93SWEhFkIaBUljo4WgATEaiI0GwVLBQg2EzLd3hSBqLI2lRgWLY+ftSSQgggoWNv5pImLUwjQBg1goqCCIIBqwueSeTLg7Ln9Mcmdub7vdnZnvN9+8fe+toMWXtFgfDQGMjo52zM7OHgMwIyLTg4ODk41upG4A7/0OEbkPYGdFVEQuOOeuNQJRN4CqBvGw+3dm9kZEBsrCPSRf1gvRCIAFETPrjqLodZIkY2Z2SkQmnHMHUgMgOQ8fx3FvJpMZB/CDZEfqACEgi8XidwA/SW5uKkCN2AzJTYscmCTZ1VQA7/2AiNwSkefOuYNBLEmSnJnlATwgebypAKr6CMBRANdJng9i3vu8iORE5Mrc3NyTlQDM7HMul/tYO2bNX0GhUDhRKpXumtlvAPuiKJouOzBuZr117HyBU6sCqOpeAH0AhssiwyQvVwTjOO5va2s7vRaAGtCrJC+GOVUAVb1UTjDVDLd4URHJOuf8WsSWG5MkSbeZTYR3lc+4CpAkyUpWht3fI/m+UfEwL5/Pb2xvb59ZFkBV5zNchazsSBBeYPn/ABQKhZ5SqfQCwBTJXYuPoOkAqnoGwE0Ad0ieTB3Ae39bRPoBDJEcSR1AVd8C2CMifc65p6kCmJkkSfIHwAYAW0h+SxVAVXcDmDSzL1EUbasEc20eaGoQVuoIgMckj6QOoKo3AJwFMEJyqBUAIegOAegnOdYKgK8AtmYyma7aLjqVGPDebxeRDwB+AeggWUzVAVV1ABTAK5L7l+0HVPUTgM7Q7VQGhPJZe99oHagpw4dJPvsXQPixONeoyErzRGTKzB7W9hFLjiA8iOO4M7iw3hDZbLbq6pIeY73F6l1v1Zas3gXrHf8XhhNvMGSmtPYAAAAASUVORK5CYII=" />
<img style="width: 14px; height: 14px;" v-else
@@ -55,17 +50,17 @@
</view>
<view class="comment-main-content">
<view class="">
</view>
<text>
{{ item.content }}
</text>
<text>
{{ item.content }}
</text>
<!-- {{item.content.length > 60 && !item.hasShowMore ? item.content.slice(0, 59) : item.content}} -->
<!-- <span class="foot-btn" @click="showMore(item.id)">
<!-- <span class="foot-btn" @click="showMore(item.id)">
{{item.hasShowMore ? '收起' : '展开'}}
</span> -->
</view>
@@ -83,21 +78,17 @@
<view class="comment-sub-box">
<view class="comment-sub-item" v-for="each in item.children">
<view>
<cloud-image v-if="each.avatarUrl"
height="70rpx"
width="70rpx"
borderRadius="50%"
:src="each.avatarUrl.url"></cloud-image>
<image class="avatar"
:src="emptyAvatar"
mode=""
v-else></image>
<cloud-image v-if="each.avatarUrl" height="70rpx" width="70rpx" borderRadius="50%"
@click="toCommentPersonalpage(each)"
:src="each.avatarUrl.url"></cloud-image>
</view>
<view class="comment-main">
<view class="sub-comment-main-top">
<view class="nick-name">{{each.nickName}}</view>
<view class="nick-name" @click="toCommentPersonalpage(each)">{{each.nickName}}</view>
<view class="zan-box" @click="like(each)">
<span :class="each.hasLike ? 'isLike' : 'notLike'">{{each.likeNum == 0 ? '抢首赞' : each.likeNum}}</span>
<span
:class="each.hasLike ? 'isLike' : 'notLike'">{{each.likeNum == 0 ? '抢首赞' : each.likeNum}}</span>
<img style="width: 14px; height: 14px;" v-if="!each.hasLike"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAApVJREFUWEfFlz9oFEEUxr93SWEhFkIaBUljo4WgATEaiI0GwVLBQg2EzLd3hSBqLI2lRgWLY+ftSSQgggoWNv5pImLUwjQBg1goqCCIIBqwueSeTLg7Ln9Mcmdub7vdnZnvN9+8fe+toMWXtFgfDQGMjo52zM7OHgMwIyLTg4ODk41upG4A7/0OEbkPYGdFVEQuOOeuNQJRN4CqBvGw+3dm9kZEBsrCPSRf1gvRCIAFETPrjqLodZIkY2Z2SkQmnHMHUgMgOQ8fx3FvJpMZB/CDZEfqACEgi8XidwA/SW5uKkCN2AzJTYscmCTZ1VQA7/2AiNwSkefOuYNBLEmSnJnlATwgebypAKr6CMBRANdJng9i3vu8iORE5Mrc3NyTlQDM7HMul/tYO2bNX0GhUDhRKpXumtlvAPuiKJouOzBuZr117HyBU6sCqOpeAH0AhssiwyQvVwTjOO5va2s7vRaAGtCrJC+GOVUAVb1UTjDVDLd4URHJOuf8WsSWG5MkSbeZTYR3lc+4CpAkyUpWht3fI/m+UfEwL5/Pb2xvb59ZFkBV5zNchazsSBBeYPn/ABQKhZ5SqfQCwBTJXYuPoOkAqnoGwE0Ad0ieTB3Ae39bRPoBDJEcSR1AVd8C2CMifc65p6kCmJkkSfIHwAYAW0h+SxVAVXcDmDSzL1EUbasEc20eaGoQVuoIgMckj6QOoKo3AJwFMEJyqBUAIegOAegnOdYKgK8AtmYyma7aLjqVGPDebxeRDwB+AeggWUzVAVV1ABTAK5L7l+0HVPUTgM7Q7VQGhPJZe99oHagpw4dJPvsXQPixONeoyErzRGTKzB7W9hFLjiA8iOO4M7iw3hDZbLbq6pIeY73F6l1v1Zas3gXrHf8XhhNvMGSmtPYAAAAASUVORK5CYII=" />
<img style="width: 14px; height: 14px;" v-else
@@ -151,12 +142,9 @@
<view class="btn-click" @click="selectAdd()">发布</view>
</view>
</view>
<textarea class="textarea"
v-model="commentReq.content"
:placeholder="placeholder"
:adjust-position="false"
:show-confirm-bar="false"
@blur="blur" @focus="focusOn" :focus="focus" maxlength="800"></textarea>
<textarea class="textarea" v-model="commentReq.content" :placeholder="placeholder"
:adjust-position="false" :show-confirm-bar="false" @blur="blur" @focus="focusOn" :focus="focus"
maxlength="800"></textarea>
</view>
</view>
<!-- 新增评论-end -->
@@ -173,11 +161,11 @@
return null;
}
},
articlesData: {
type: Object,
default: () => {
return{};
return {};
}
},
deleteTip: {
@@ -218,7 +206,12 @@
})
},
methods: {
toCommentPersonalpage(item) {
console.log(item);
uni.navigateTo({
url: "/uni_modules/zetank-personalpage/pages/personalpage/personalpage?uid=" + item.pl_user_id
})
},
commentInput_() {
this.commentReq = {
"pId": null, // 评论父id
@@ -243,7 +236,7 @@
});
return
}
this.$emit('replyAdd', this.commentReq);
this.closeInput();
},
@@ -255,10 +248,10 @@
stopPrevent() {},
// 回复评论
reply(comment) {
this.pUser = comment.nickName;
this.commentReq.pId = comment.id;
this.commentReq.root_id = comment.root_id === 0? comment.id : comment.root_id;
this.commentReq.root_id = comment.root_id === 0 ? comment.id : comment.root_id;
console.log(this.commentReq);
if (comment.nickName) {
this.commentReq.content = '@' + comment.nickName + ' ';
@@ -291,15 +284,15 @@
});
return
}
this.$emit('add', this.commentReq.content);
this.closeInput();
},
// 获取父评论下的子评论
async getTreeComment(item) {
this.$emit('getTreeComment', item.id);
},
like(comment) {
if (comment.hasLike === true) {
@@ -320,7 +313,7 @@
likeComplete(comment) {
comment.hasLike = !comment.hasLike;
comment.likeNum += comment.hasLike ? 1 : -1;
},
// 删除完成-本地删除评论
deleteComplete(commentId) {
@@ -347,7 +340,8 @@
}
for (var j in this.commentData.comment[i].children) {
if (this.commentData.comment[i].children[j].id == commentId) {
this.commentData.comment[i].children[j].hasShowMore = !this.commentData.comment[i].children[j].hasShowMore;
this.commentData.comment[i].children[j].hasShowMore = !this.commentData.comment[i].children[j]
.hasShowMore;
this.$forceUpdate();
return
}
@@ -592,10 +586,12 @@
justify-content: space-between;
align-items: center;
}
.font-size-20 {
font-size: 33rpx;
}
.color-bule {
color: #333;
}
</style>
</style>