From e3aad9bbad8c4c22c70a1694285c45cd9a52b2fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E7=A3=8A?= <45566618@qq.com>
Date: Wed, 11 Sep 2024 10:29:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=9C=88=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/my/hehuo.vue              |   2 +-
 pages/therapist/orderDetail.vue | 263 ++++++++++++++++++++++++++-
 pages/videoCircle/gDvideo.vue   | 303 +++++++++++++++++++++++++++++---
 3 files changed, 531 insertions(+), 37 deletions(-)

diff --git a/pages/my/hehuo.vue b/pages/my/hehuo.vue
index 6971788..57424a9 100644
--- a/pages/my/hehuo.vue
+++ b/pages/my/hehuo.vue
@@ -6,7 +6,7 @@
 		<view class="text_view">
 			<view class="item_view">
 				<view class="item_title" @tap="Cityshow = true">服务城市</view>
-				<u-input type="text" :disabled="true" v-model="city" placeholder="选择城市" />
+				<u-input type="text" v-model="city" placeholder="选择城市" @focus="Cityshow = true"/>
 				<view class="xian"></view>
 			</view>
 			<view class="item_view">
diff --git a/pages/therapist/orderDetail.vue b/pages/therapist/orderDetail.vue
index abf74b1..007393e 100644
--- a/pages/therapist/orderDetail.vue
+++ b/pages/therapist/orderDetail.vue
@@ -231,7 +231,7 @@
 				</view>
 			</uni-popup>
 		</view>
-		<uni-popup style="width: 100%;height: 100vh;" type="center" ref="pinglun" @touchmove.stop.prevent="moveHandle">
+		<uni-popup style="width: 100%;height: 100vh;" type="center" ref="bofang" @touchmove.stop.prevent="moveHandle">
 			<view style="width: 100%;height: 100%;position: relative;">
 				<video
 					id="myVideo"
@@ -253,13 +253,35 @@
 				<view class="guanbi" @click="guanbi">
 					<image src="@/static/closeimg.png"></image>
 				</view>
+				<view class="userInfo">
+					<!-- 1.头像 -->
+					<image @click="tozuozhe(artificerItem)" class="userAvatar" :src="artificerItem.artificerImg" mode="aspectFill"></image>
+					<!-- 2.点赞 -->
+					<view class="list-view" @click="cLike(artificerItem);" style="opacity: 0.9; margin-top: 17px;">
+						<image v-if="artificerItem.sfdz==1" src="@/static/img/index/xin.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<image v-if="artificerItem.sfdz==0" src="@/static/img/index/xin-2.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; text-align: center; margin-top: 40px; font-weight: bold;" :class="{'likeNumActive':artificerItem.sfdz}">{{artificerItem.dzs}}</text>
+					</view>
+					<!-- 3.评论 -->
+					<view class="comment list-view" @click="toComment(artificerItem)" style="opacity: 0.9; margin-top: 17px;">
+						<image src="@/static/img/index/liaotian-2.png" style="width:38px; height:36px; position: absolute; right: 7px;"></image>
+						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">{{artificerItem.pls}}</text>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		<uni-popup class="uni-popup" type="bottom" ref="pinglun" @touchmove.stop.prevent="moveHandle">
+			<view class="popup-content-pl" :style="'width: '+ windowWidth +'px; height: '+ (boxStyle.height/heightNum) +'px;'">
+				<CComment ref="ccRef" :showPopup="showPopup" :userInfo="userInfo" :tableData="tableData" :tableTotal="tableTotal" likeFun="likeFun" @replyFun="replyFun" @deleteFun="deleteFun" :deleteMode="deleteMode"></CComment>
 			</view>
 		</uni-popup>
 	</view>
 </template>
 
 <script>
+	import CComment from "@/components/XJ-comment/index";
 	export default {
+		components:{CComment},
 		data() {
 			return {
 				playShow:false,
@@ -334,7 +356,26 @@
 				filePath:'',
 				contentVideo:'',
 				videoId:'',
-				artificerClassifyList:[]
+				artificerClassifyList:[],
+				artificerItem:{},
+				showPopup:false,
+				ccRef: null,
+				userInfo: {
+					id: 120,
+					user_name: "🍁",
+					user_avatar: "https://pic1.zhimg.com/80/v2-a79071a705f55c5d88f6c74e6111fe84_720w.webp",
+				},
+				tableTotal: 4,
+				tableData: [],
+				deleteMode: "all",
+				windowWidth: 0,
+				windowHeight: 0,
+				heightNum: 1.18,
+				deleteHeight: 0,
+				boxStyle:{//视频，图片封面样式🌟💗
+					'height': 0,
+					'width': 0,
+				},
 			}
 		},
 		onLoad(option) {
@@ -344,6 +385,13 @@
 				title: '加载中...',
 
 			});
+			if(this.platform == 'ios' && (model !== 'iPhone6' || model !== 'iPhone6s' || model !== 'iPhone7' || model !== 'iPhone8')){
+				this.deleteHeight = 0//有 tabbar的 修改这里可以改变视频高度
+			}
+			this.windowWidth = uni.getSystemInfoSync().windowWidth;
+			this.windowHeight = uni.getSystemInfoSync().windowHeight;
+			this.boxStyle.width = this.windowWidth + 'px';//给宽度加px
+			this.boxStyle.height = this.windowHeight - this.deleteHeight;//有 tabbar的 修改这里可以改变视频高度
 			this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
 			this.artificerId = option.artificerId
 			this.myId = uni.getStorageSync('userId')
@@ -369,7 +417,7 @@
 				this.playShow=false;
 				const videoContext = uni.createVideoContext('myVideo', this);
 				videoContext.pause(); // 播放视频
-				this.$refs.pinglun.close("center");
+				this.$refs.bofang.close("center");
 			},
 			jieshu(){
 				this.playShow=true;
@@ -386,8 +434,9 @@
 				this.playShow=true;
 				this.filePath=item.filePath;
 				this.contentVideo=item.content;
+				this.artificerItem=item;
 				this.videoId=item.id
-				this.$refs.pinglun.open("center")
+				this.$refs.bofang.open("center")
 			},
 			getVideo(){
 				var that=this;
@@ -718,6 +767,171 @@
 					current: imgArr[index]
 				});
 			},
+			tozuozhe(item){
+				// console.log("itemitemitemitemitem",item)
+				uni.reLaunch({
+					url:'/pages/therapist/orderDetail?artificerId='+item.createBy+'&classifyId='+'undefined'
+				})
+				this.currents = 1//点击头像以后就会切换
+			},
+			cLike(item){
+				var data={
+					createBy:uni.getStorageSync('userId'),
+					shipinquanId:item.id,
+				}
+				if(item.sfdz=='0'){
+					this.$Request.post("/app/shipinquan/addDianzan", data).then(res => {
+						if (res.code == 0) {
+							this.artificerItem.dzs += 1;
+							this.artificerItem.sfdz = '1';
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});
+			
+				}else{//取消点赞
+					this.$Request.post("/app/shipinquan/delDianzan", data).then(res => {
+						if (res.code == 0) {
+							this.artificerItem.dzs -= 1;
+							this.artificerItem.sfdz = '0';
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});	
+				}
+			},
+			likeFun(params, callback) {//评论点赞返回
+				console.log("likeFun", params);
+				// Implement your logic for likeFun
+			},
+			toComment(item){
+				// 注意点击评论之后会执行这里
+				/*
+				（1）先加载缓冲
+				（2）获取当前视频 ID 信息
+				（3）🌟🌟🌟🌟重要🌟🌟🌟🌟
+					- 一定要记得看 index.vue 里面
+					 uni.setStorageSync("user",this.peopleList[i]);
+					 这个东西，用于存储当前用户信息。在 插件里面会使用到这个东西，
+					 记得写一下。
+			
+				（4）打开评论
+				*/
+				uni.showToast({
+					title: '加载中...',
+					icon: 'none',
+					position: 'bottom',
+					duration: 300
+				})
+				uni.setStorageSync("videoID",item.id);
+				this.videoID = item.id;
+				this.$refs.pinglun.open('bottom');
+				this.getPingL(this.videoID);
+			},
+			getPingL(shipinquanId){//获取评论列表
+				var data={
+					page: this.page,
+					limit:310,
+					shipinquanId:shipinquanId
+				}
+				this.$Request.get("/app/shipinquan/contentlist", data).then(res => {
+					if (res.code == 0) {
+							var msg = res.data.records||{}
+							this.tableTotal=res.data.total;
+							var list=[];
+							// for (let i = 0; i < msg.length; i++) {
+							// 	list.push(msg[i])
+							// }
+			
+							this.tableData = msg.map(item => {
+							  return {
+							    ...item,
+							   parent_id: null,
+							   reply_id: null,
+							   reply_name: null,
+							   user_name: item.userName,
+							   user_avatar: item.userPhoto?item.userPhoto:'../../static/logo.png',
+							   user_content: item.content,
+							   is_like: true,
+							   like_count: 8,
+							   create_time: item.createTime
+							  };
+							});
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: 'none'
+						})
+					}
+				});
+			},
+			replyFun(params, callback) {
+				// console.log("replyFun", params);
+				if(params.params.user_content==''){
+					uni.hideLoading();
+					uni.showToast({
+						icon:'error',
+						title:'请填写发布评论'
+					})
+				}else{
+					var data={
+						createBy:uni.getStorageSync('userId'),
+						content:params.params.user_content,
+						shipinquanId:this.videoID,
+					}
+					this.$Request.post("/app/shipinquan/addContent",data).then(res => {
+						if (res.code == 0) {
+							setTimeout(() => this.getPingL(this.videoID), 500);
+							this.showPopup==true;
+							uni.hideLoading();
+							this.artificerItem.pls++
+							 // callback(this.videoID);
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});
+				}
+			},
+			deleteFun({ params, mode }, callback) {
+			
+			  console.log("deleteFun", { params, mode });
+			  // 当请求成功, 调用callback执行评论删除;
+			  switch (this.deleteMode) {
+				case "bind":
+				  // 逻辑: 调用接口进行评论内容修改 update
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+				case "only":
+				  // 逻辑: 调用接口删除一个评论 delete
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+				default:
+				  // all
+				  // 逻辑: 调用接口删除多个评论 [delete]
+				  // Demo如下:
+				  // axios.post("http://xxx/delete", { ids: params }).then((res) => {
+				  //   if (res.code === 0) {
+				  //     callback(res);
+				  //   }
+				  // });
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+			  }
+			},
+			closeScrollview(){
+				// 点击评论里面的叉叉，就会关闭评论
+				this.$refs.pinglun.close('bottom');
+			},
 		}
 
 	}
@@ -773,9 +987,6 @@
 	/deep/.uni-popup__wrapper-box{
 		width: 100%;
 		height: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
 	}
 	.videoHovers image{
 		width: 100%;
@@ -1012,7 +1223,16 @@
 		display: flex;
 		flex-direction: column;
 	}
-
+	.popup-content-pl{
+		width: 100%;
+		height: 100%;
+		background-color: #242424;
+		border-top-left-radius: 10px;
+		border-top-right-radius: 10px;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+	}
 	.content{
 		width: 100%;
 		background-color: #f7f7f7;
@@ -1539,4 +1759,31 @@
 		margin-right: 10rpx;
 		margin-top: 5px;
 	}
+	.userInfo{
+		position: absolute;
+		bottom:110px;
+		right: 10px;
+		display: flex;
+		flex-direction: column;
+		z-index: 18;
+	}
+	.userAvatar{
+		border-radius: 500%;
+		border-style: solid;
+		border-width: 2px;
+		border-color: #ffffff;
+		width : 100rpx;
+		height: 100rpx;
+	}
+	.list-view{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.uni-popup{
+		width: 100%;
+		height: 500px;
+		overflow: auto;
+	}
+	
 </style>
diff --git a/pages/videoCircle/gDvideo.vue b/pages/videoCircle/gDvideo.vue
index 37d1124..25ee0e7 100644
--- a/pages/videoCircle/gDvideo.vue
+++ b/pages/videoCircle/gDvideo.vue
@@ -76,7 +76,7 @@
 							{{item.content}}
 						</view>
 						<view class="data-list">
-							<view class="videoHovers" @click="towxh5Video(item)">
+							<view class="videoHovers" @click="towxh5Video(item,index)">
 								<image src="@/static/bofang.png"></image>
 							</view>
 							<view class="playState">
@@ -84,12 +84,13 @@
 							</view>
 						</view>
 						<view class="scroll-bottom">
-							<view class="pinglun">
+							<view class="pinglun" @click="toComment(index)">
 								<image src="../../static/pinglun.png" mode=""></image>
 								<span>{{item.pls}}</span>
 							</view>
-							<view class="pinglun" style="margin-left: 20px;">
-								<image src="../../static/guanzhu.png" mode=""></image>
+							<view class="pinglun" style="margin-left: 20px;" @click="cLike(item,index);">
+								<image v-if="item.sfdz==0" src="../../static/guanzhu.png" mode=""></image>
+								<image v-if="item.sfdz==1" src="@/static/img/index/xin.png" mode=""></image>
 								<span>{{item.dzs}}</span>
 							</view>
 						</view>
@@ -106,7 +107,7 @@
 			</template>
 		</scroll-view>
 		<empty v-if="getVideoData.length==0"></empty>
-		<uni-popup style="width: 100%;height: 100vh;" type="center" ref="pinglun" @touchmove.stop.prevent="moveHandle">
+		<uni-popup style="width: 100%;height: 100vh;" type="center" ref="bofang" @touchmove.stop.prevent="moveHandle">
 			<view style="width: 100%;height: 100%;position: relative;">
 				<video
 					id="myVideo"
@@ -128,15 +129,36 @@
 				<view class="guanbi" @click="guanbi">
 					<image src="@/static/closeimg.png"></image>
 				</view>	
+				<view class="userInfo">
+					<!-- 1.头像 -->
+					<image @click="tozuozhe(artificerItem)" class="userAvatar" :src="artificerItem.artificerImg" mode="aspectFill"></image>
+					<!-- 2.点赞 -->
+					<view class="list-view" @click="cLike(artificerItem,k);" style="opacity: 0.9; margin-top: 17px;">
+						<image v-if="artificerItem.sfdz==1" src="@/static/img/index/xin.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<image v-if="artificerItem.sfdz==0" src="@/static/img/index/xin-2.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; text-align: center; margin-top: 40px; font-weight: bold;" :class="{'likeNumActive':artificerItem.sfdz}">{{artificerItem.dzs}}</text>
+					</view>
+					<!-- 3.评论 -->
+					<view class="comment list-view" @click="toComment(k)" style="opacity: 0.9; margin-top: 17px;">
+						<image src="@/static/img/index/liaotian-2.png" style="width:38px; height:36px; position: absolute; right: 7px;"></image>
+						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">{{artificerItem.pls}}</text>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		<uni-popup class="uni-popup" type="bottom" ref="pinglun" @touchmove.stop.prevent="moveHandle">
+			<view class="popup-content" :style="'width: '+ windowWidth +'px; height: '+ (boxStyle.height/heightNum) +'px;'">
+				    <CComment ref="ccRef" :showPopup="showPopup" :userInfo="userInfo" :tableData="tableData" :tableTotal="tableTotal" likeFun="likeFun" @replyFun="replyFun" @deleteFun="deleteFun" :deleteMode="deleteMode"></CComment>
 			</view>
 		</uni-popup>
 	</view>
 </template>
 
 <script>
-	import empty from '@/components/empty.vue'
+	import empty from '@/components/empty.vue';
+	import CComment from "@/components/XJ-comment/index";
 	export default {
-		components:{empty},
+		components:{CComment,empty},
 		data() {
 			return {
 				isFollow: false,
@@ -154,15 +176,43 @@
 				playShow:false,
 				filePath:'',
 				contentVideo:'',
+				artificerImg:'',
+				artificerItem:{},
 				videoId:'',
 				getVideoData:[],
 				//上拉状态文字
 				loadingText : ["上拉或点击加载更多","已加载全部数据",'加载中',''],
-				ordersScore:''
+				ordersScore:'',
+				showPopup:false,
+				ccRef: null,
+				userInfo: {
+					id: 120,
+					user_name: "🍁",
+					user_avatar: "https://pic1.zhimg.com/80/v2-a79071a705f55c5d88f6c74e6111fe84_720w.webp",
+				},
+				tableTotal: 4,
+				tableData: [],
+				deleteMode: "all",
+				windowWidth: 0,
+				windowHeight: 0,
+				heightNum: 1.18,
+				deleteHeight: 0,
+				boxStyle:{//视频，图片封面样式🌟💗
+					'height': 0,
+					'width': 0,
+				},
+				k: 0,
 			}
 		},
 
 		onLoad(e) {
+			if(this.platform == 'ios' && (model !== 'iPhone6' || model !== 'iPhone6s' || model !== 'iPhone7' || model !== 'iPhone8')){
+				this.deleteHeight = 0//有 tabbar的 修改这里可以改变视频高度
+			}
+			this.windowWidth = uni.getSystemInfoSync().windowWidth;
+			this.windowHeight = uni.getSystemInfoSync().windowHeight;
+			this.boxStyle.width = this.windowWidth + 'px';//给宽度加px
+			this.boxStyle.height = this.windowHeight - this.deleteHeight;//有 tabbar的 修改这里可以改变视频高度
 			this.artificerId = e.artificerId;
 			this.latitude = uni.getStorageSync('latitude');
 			this.longitude = uni.getStorageSync('longitude');
@@ -291,7 +341,7 @@
 				this.playShow=false;
 				const videoContext = uni.createVideoContext('myVideo', this);
 				videoContext.pause(); // 播放视频
-				this.$refs.pinglun.close("center");
+				this.$refs.bofang.close("center");
 			},
 			jieshu(){
 				this.playShow=true;
@@ -304,12 +354,180 @@
 			  videoContext.src = this.filePath; // 设置视频源
 			  videoContext.play(); // 播放视频
 			},
-			towxh5Video(item){
+			towxh5Video(item,index){
 				this.playShow=true;
 				this.filePath=item.filePath;
 				this.contentVideo=item.content;
-				this.videoId=item.id
-				this.$refs.pinglun.open("center")
+				this.artificerItem=item;
+				this.videoId=item.id;
+				this.k=index;
+				this.$refs.bofang.open("center");
+			},
+			tozuozhe(item){
+				// console.log("itemitemitemitemitem",item)
+				uni.reLaunch({
+					url:'/pages/therapist/orderDetail?artificerId='+item.createBy+'&classifyId='+'undefined'
+				})
+				this.currents = 1//点击头像以后就会切换
+			},
+			cLike(item,index){
+				var data={
+					createBy:uni.getStorageSync('userId'),
+					shipinquanId:item.id,
+				}
+				if(item.sfdz=='0'){
+					this.$Request.post("/app/shipinquan/addDianzan", data).then(res => {
+						if (res.code == 0) {
+							this.getVideoData[index].dzs += 1;
+							this.getVideoData[index].sfdz = '1';
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});
+			
+				}else{//取消点赞
+					this.$Request.post("/app/shipinquan/delDianzan", data).then(res => {
+						if (res.code == 0) {
+							this.getVideoData[index].dzs -= 1;
+							this.getVideoData[index].sfdz = '0';
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});	
+				}
+			},
+			likeFun(params, callback) {//评论点赞返回
+				// console.log("likeFun", params);
+				// Implement your logic for likeFun
+			},
+			toComment(index){
+				// 注意点击评论之后会执行这里
+				/*
+				（1）先加载缓冲
+				（2）获取当前视频 ID 信息
+				（3）🌟🌟🌟🌟重要🌟🌟🌟🌟
+					- 一定要记得看 index.vue 里面
+					 uni.setStorageSync("user",this.peopleList[i]);
+					 这个东西，用于存储当前用户信息。在 插件里面会使用到这个东西，
+					 记得写一下。
+			
+				（4）打开评论
+				*/
+				uni.showToast({
+					title: '加载中...',
+					icon: 'none',
+					position: 'bottom',
+					duration: 300
+				})
+				this.k = index;
+				uni.setStorageSync("videoID",this.getVideoData[index].id);
+				this.videoID = this.getVideoData[index].id;
+				this.$refs.pinglun.open('bottom');
+				this.getPingL(this.videoID);
+			},
+			getPingL(shipinquanId){//获取评论列表
+				var data={
+					page: this.page,
+					limit:310,
+					shipinquanId:shipinquanId
+				}
+				this.$Request.get("/app/shipinquan/contentlist", data).then(res => {
+					if (res.code == 0) {
+							var msg = res.data.records||{}
+							this.tableTotal=res.data.total;
+							var list=[];
+							// for (let i = 0; i < msg.length; i++) {
+							// 	list.push(msg[i])
+							// }
+			
+							this.tableData = msg.map(item => {
+							  return {
+							    ...item,
+							   parent_id: null,
+							   reply_id: null,
+							   reply_name: null,
+							   user_name: item.userName,
+							   user_avatar: item.userPhoto?item.userPhoto:'../../static/logo.png',
+							   user_content: item.content,
+							   is_like: true,
+							   like_count: 8,
+							   create_time: item.createTime
+							  };
+							});
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: 'none'
+						})
+					}
+				});
+			},
+			replyFun(params, callback) {
+				// console.log("replyFun", params);
+				if(params.params.user_content==''){
+					uni.hideLoading();
+					uni.showToast({
+						icon:'error',
+						title:'请填写发布评论'
+					})
+				}else{
+					var data={
+						createBy:uni.getStorageSync('userId'),
+						content:params.params.user_content,
+						shipinquanId:this.videoID,
+					}
+					this.$Request.post("/app/shipinquan/addContent",data).then(res => {
+						if (res.code == 0) {
+							setTimeout(() => this.getPingL(this.videoID), 500);
+							this.showPopup==true;
+							uni.hideLoading();
+							this.getVideoData[this.k].pls++
+							 // callback(this.videoID);
+						} else {
+							uni.hideLoading();
+							uni.showToast({
+								title: res.msg,
+								icon: 'none'
+							})
+						}
+					});
+				}
+			},
+			deleteFun({ params, mode }, callback) {
+			
+			  console.log("deleteFun", { params, mode });
+			  // 当请求成功, 调用callback执行评论删除;
+			  switch (this.deleteMode) {
+				case "bind":
+				  // 逻辑: 调用接口进行评论内容修改 update
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+				case "only":
+				  // 逻辑: 调用接口删除一个评论 delete
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+				default:
+				  // all
+				  // 逻辑: 调用接口删除多个评论 [delete]
+				  // Demo如下:
+				  // axios.post("http://xxx/delete", { ids: params }).then((res) => {
+				  //   if (res.code === 0) {
+				  //     callback(res);
+				  //   }
+				  // });
+				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+				  break;
+			  }
+			},
+			closeScrollview(){
+				// 点击评论里面的叉叉，就会关闭评论
+				this.$refs.pinglun.close('bottom');
 			},
 			//编辑信息
 			UserEdit() {
@@ -322,6 +540,21 @@
 </script>
 
 <style scoped>
+	.uni-popup{
+		width: 100%;
+		height: 500px;
+		overflow: auto;
+	}
+	.popup-content{
+		width: 100%;
+		height: 100%;
+		background-color: #242424;
+		border-top-left-radius: 10px;
+		border-top-right-radius: 10px;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+	}
 	.dvideo-concent{
 		font-size: 26rpx;
 		color: #666;
@@ -484,11 +717,6 @@
 		/* height: 100vh; */
 		/* overflow: scroll; */
 	}
-	.scroll-Y {
-		width: 100%;
-		/* height: 700px;*/
-		background-color: #fff;
-	}
 	.top-view {
 		width:100%;
 		background-color: #fff;
@@ -524,8 +752,8 @@
 		word-break: break-all;
 	}
 	.data-list{
-		width: 200px;
-		height: 200px;
+		width: 100%;
+		/* height: 200px; */
 		position: relative;
 		margin: 10px 0px;
 	}
@@ -553,7 +781,7 @@
 		margin-top: 10px;
 	}
 	.scroll-list{
-		width: 95%;
+		width: 98%;
 		padding: 0px 10px;
 		background-color: #fff;
 		display: flex;
@@ -586,13 +814,13 @@
 		margin-left: 15px;
 		color: #fff;
 	}
-	/deep/.uni-scroll-view-content{
+/* 	/deep/.uni-scroll-view-content{
 		width: 100%;
 		height: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		}
+		} */
 	.guanbi{
 		width: 30px;
 		height: 30px;
@@ -610,17 +838,15 @@
 		width: 100%;
 		height: 100%;
 	}
-	.data-list{
-		width:100%; 
-		height: 162px;
-	}
 	.videoHovers{
 		width: 60px;
 		height: 60px;
 		position: absolute;
-		top: 0px;
+/* 		top: 0px;
 		margin-top: 20%;
-		margin-left: 40%;
+		margin-left: 40%; */
+		top: 45%;
+		margin-left: 45%;
 		z-index: 99;
 	}
 	.videoHover{
@@ -737,4 +963,25 @@
 		display: flex;
 		flex-direction: row;
 	}
+	.userInfo{
+		position: absolute;
+		bottom:110px;
+		right: 10px;
+		display: flex;
+		flex-direction: column;
+		z-index: 18;
+	}
+	.userAvatar{
+		border-radius: 500%;
+		border-style: solid;
+		border-width: 2px;
+		border-color: #ffffff;
+		width : 100rpx;
+		height: 100rpx;
+	}
+	.list-view{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
 </style>
\ No newline at end of file