gdpao #178
@ -47,12 +47,12 @@
|
||||
<view class="info">
|
||||
<image :src="child.member_avatar" mode=""></image>
|
||||
<text>{{ child.member_nickname }}</text>
|
||||
<u-icon v-if="!child.is_nickanme" class="icon" name="play-right-fill" color="#666" size="10rpx"></u-icon>
|
||||
<text v-if="!child.is_nickanme">{{ child.reply_member_nickname }}</text>
|
||||
<u-icon class="icon" name="play-right-fill" color="#666" size="10rpx" v-if="0"></u-icon>
|
||||
<text v-if="0">{{ child.reply_member_nickname }}</text>
|
||||
</view>
|
||||
<view class="child_content">{{ child.content }}</view>
|
||||
</view>
|
||||
<view class="more-reply" v-if="item.reply_count" @click="getReplyList(item.id)">展开更多回复<u-icon name="arrow-down"></u-icon></view>
|
||||
<view class="more-reply" v-if="item.reply_count && is_more" @click="getReplyList(item.id)">展开更多回复<u-icon name="arrow-down"></u-icon></view>
|
||||
</view>
|
||||
</block>
|
||||
<view class="no-data" v-if="!commentList.length">还没有评论,快来评论吧!</view>
|
||||
@ -406,7 +406,7 @@ export default {
|
||||
list:{},
|
||||
swiper_id: "",
|
||||
page: 0, // 主评论
|
||||
page_: [], // 子评论
|
||||
page_: {}, // 子评论
|
||||
cart_type: false, // 显示购物车
|
||||
is_comment: false, // 显示评论
|
||||
is_focus: false, // 聚焦
|
||||
@ -416,6 +416,7 @@ export default {
|
||||
cart_len: 0,
|
||||
photo_len: 0,
|
||||
comment_num: 0,
|
||||
is_more: true,
|
||||
edit_text: "有爱评论,说点好听的 ~",
|
||||
edit_text_other: "有爱评论,说点好听的 ~",
|
||||
commentList: [], // 评论
|
||||
@ -493,16 +494,19 @@ export default {
|
||||
}
|
||||
this.page++;
|
||||
let list = this.commentList;
|
||||
// list.forEach((item,index) => {
|
||||
// console.log(item);
|
||||
// })
|
||||
list.forEach((item,index) => {
|
||||
// console.log(item);
|
||||
item.page = 0;
|
||||
item.commentList = [];
|
||||
})
|
||||
this.commentList = list;
|
||||
}
|
||||
})
|
||||
},
|
||||
// 打开评论输入
|
||||
openKeyInput(data,index) {
|
||||
let me = this;
|
||||
console.log(data);
|
||||
// console.log(data);
|
||||
this.is_edit = true;
|
||||
setTimeout(() => {
|
||||
this.is_focus = true;
|
||||
@ -542,12 +546,18 @@ export default {
|
||||
this.comment_num = res.data.num;
|
||||
// console.log(this.comment_num);
|
||||
this.is_edit = false;
|
||||
console.log(res.data.data.reply_id);
|
||||
if (res.data.data.reply_id) {
|
||||
console.log(this.allList);
|
||||
// console.log(res.data.data.reply_id);
|
||||
let p_id = res.data.data.pid;
|
||||
// console.log(p_id);
|
||||
if (res.data.data.pid) {
|
||||
this.commentList[this.comment_id].reply_count = true;
|
||||
this.allList[this.comment_id] = [];
|
||||
this.allList[this.comment_id].push(res.data.data);
|
||||
console.log(this.allList[p_id]);
|
||||
if (this.allList[p_id]) {
|
||||
this.allList[p_id].push(res.data.data);
|
||||
} else {
|
||||
this.allList[p_id] = [];
|
||||
this.allList[p_id].push(res.data.data);
|
||||
}
|
||||
console.log(this.allList);
|
||||
} else {
|
||||
this.commentList.unshift(res.data.data);
|
||||
@ -559,15 +569,25 @@ export default {
|
||||
},
|
||||
// 发现回复列表
|
||||
getReplyList(id) {
|
||||
uni.showLoading({
|
||||
title: "loading..."
|
||||
})
|
||||
if (!this.page_[id] === 0) {
|
||||
}
|
||||
console.log(this.page_[id]);
|
||||
this.$u.post("article/articleReplyList", {id: id, page: this.page_[id]}).then(res => {
|
||||
console.log(res);
|
||||
uni.hideLoading();
|
||||
if (res.errCode == 0) {
|
||||
if (res.data.length < 10) {
|
||||
this.is_more = false;
|
||||
}
|
||||
this.page_[id]++;
|
||||
console.log(this.page_[id]);
|
||||
this.allList[id] = res.data;
|
||||
this.$nextTick(() => {
|
||||
this.allList[id] = res.data;
|
||||
})
|
||||
console.log(this.allList);
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
|
@ -62,6 +62,19 @@
|
||||
<view class="content-main">
|
||||
<text class="content-style">{{ item.content }}</text>
|
||||
</view>
|
||||
<view class="more-content-box">
|
||||
<!-- <view class="child-box" v-for="(child,cid) in allList[item.id]" :key="cid">
|
||||
<view class="info">
|
||||
<image :src="child.member_avatar" mode=""></image>
|
||||
<text>{{ child.member_nickname }}</text>
|
||||
<text v-if="0">{{ child.reply_member_nickname }}</text>
|
||||
</view>
|
||||
<view class="child_content">{{ child.content }}</view>
|
||||
</view> -->
|
||||
<view class="more-comment" v-if="item.reply_count">
|
||||
展开更多回复
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="send-box">
|
||||
<input class="send-val" type="text" :placeholder="edit_text" placeholder-class="placeholder-class"
|
||||
@ -246,18 +259,31 @@
|
||||
if (res.data.errCode == 0) {
|
||||
this.send_value = "";
|
||||
this.comment_num = res.data.num;
|
||||
if (res.data.data.data.reply_id) {
|
||||
// this.commentList[this.comment_id].reply_count = true;
|
||||
// this.allList[this.comment_id].unshift(res.data.data);
|
||||
// console.log(this.allList, 111);
|
||||
let p_id = res.data.data.data.pid;
|
||||
console.log(this.pid,this.reply_id,this.comment_id);
|
||||
if (res.data.data.data.pid) {
|
||||
this.commentList[this.comment_id].reply_count = true;
|
||||
console.log(this.allList[p_id]);
|
||||
if (this.allList[p_id]) {
|
||||
this.allList[p_id].push(res.data.data);
|
||||
} else {
|
||||
this.allList[p_id] = [];
|
||||
this.allList[p_id].push(res.data.data);
|
||||
}
|
||||
console.log(this.allList);
|
||||
} else {
|
||||
this.commentList.unshift(res.data.data.data);
|
||||
}
|
||||
console.log(this.commentList);
|
||||
// console.log(this.commentList);
|
||||
} else if (res.data.errCode == 401) {
|
||||
uni.showToast({
|
||||
title: "您还没有登录,请先登录!",
|
||||
icon: "none"
|
||||
icon: "none",
|
||||
// success: () => {
|
||||
// setTimeout(function() {
|
||||
// this.$u.route("/pageA/login/login")
|
||||
// }, 2000)
|
||||
// }
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
@ -338,6 +364,7 @@
|
||||
},
|
||||
// 打开评论输入
|
||||
openKeyInput(data, index) {
|
||||
console.log(data);
|
||||
let me = this;
|
||||
this.is_focus = true;
|
||||
setTimeout(() => {
|
||||
@ -528,7 +555,7 @@
|
||||
}
|
||||
|
||||
.comment-list-box {
|
||||
padding: 30rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -538,6 +565,7 @@
|
||||
flex-direction: row;
|
||||
padding-left: 100rpx;
|
||||
}
|
||||
|
||||
|
||||
.content-style {
|
||||
width: 600rpx;
|
||||
@ -545,6 +573,16 @@
|
||||
color: #333;
|
||||
lines: 2;
|
||||
}
|
||||
|
||||
.more-content-box {
|
||||
margin-left: 100rpx;
|
||||
}
|
||||
|
||||
.more-comment {
|
||||
margin: 10rpx 0;
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.comment-list-header {
|
||||
flex-direction: row;
|
||||
|
@ -349,8 +349,8 @@
|
||||
"app-plus": {
|
||||
"titleSize": "36px",
|
||||
"titleNView": {
|
||||
"type": "transparent",
|
||||
"titleColor": "#333333",
|
||||
"backgroundColor": "rgba(255,255,255,0)",
|
||||
"buttons": [
|
||||
// {
|
||||
// "type":"none",
|
||||
@ -367,6 +367,7 @@
|
||||
"fontSize":"22",
|
||||
"fontSrc": "/static/fonts/cart.ttf",
|
||||
"color": "#FFFFFF"
|
||||
|
||||
}
|
||||
],
|
||||
"searchInput": {
|
||||
|
Loading…
x
Reference in New Issue
Block a user