点赞点踩

components/zeroMarkdownView/zeroMarkdownView.vue

@@ -179,6 +179,7 @@
 <style lang="scss">
 	.zero-markdown-view {
 		padding: 15rpx;
+		padding-bottom: 9rpx;
 		position: relative;
 	}
 	//  /deep/ .scrollbar-container{

pages/knowledge/index.vue

@@ -36,6 +36,10 @@
 				<view class="content">
 					<zeroMarkdownView :markdown="item.data" />
 					<!-- <ua-markdown :source="mdvalue" /> -->
+					<view class="icon" v-show="item.answerId != '0' && item.isOver && item.isSuccess">
+						<uni-icons :type="iconsType == '' ? 'hand-up' : (iconsType == 'handUp' ? 'hand-up-filled' : 'hand-up')" :color="iconsType == 'handUp' ? '#FFD131' : ''" size="22" @click="clickIcon('handUp')"></uni-icons>
+						<uni-icons :type="iconsType == '' ? 'hand-down' : (iconsType == 'handDown' ? 'hand-down-filled' : 'hand-down')" size="22" @click="clickIcon('handDown')"></uni-icons>
+					</view>
 				</view>
 			</view>
 			<view class="loading-animation" v-if="loading">
@@ -125,6 +129,7 @@
 				isToBottom: false,
 				lastScrollTop: 0, // 记录上一次滚动位置
 				temp: 0,
+				iconsType: '',
 			};
 		},
 		onLoad() {
@@ -152,6 +157,31 @@
 			}
 		},
 		methods: {
+			clickIcon(type) {
+				if(this.iconsType == '') {
+					this.iconsType = type
+				} else {
+					if(this.iconsType == 'handUp') {
+						if(type == 'handUp') {
+							this.iconsType = ''
+						} else {
+							this.iconsType = 'handDown'
+						}
+					} else {
+						if(type == 'handUp') {
+							this.iconsType = 'handUp'
+						} else {
+							this.iconsType = ''
+						}
+					}
+				}
+				const params = {
+					qaId: '',
+					feedbackStatus : this.iconsType == '' ? 0 : (this.iconsType == 'handUp' ? 1 : 2),
+					feedbackInfo: ''
+				}
+				// this.$request.globalRequest('/hitapChat/hitap/feadBack', params, 'POST').then(res => {})
+			},
 			handleTouchStart(e) {
 				// 获取触摸开始时的坐标  
 				this.startX = e.touches[0].clientX;
@@ -310,6 +340,7 @@
 									id,
 									answerId,
 									data: newdata,
+									isSuccess: true,
 								},
 							];
 						} else {
@@ -330,6 +361,7 @@
 						});
 						if (newdata == data) {
 							clearInterval(this.timer);
+							this.msgList[this.msgList.length - 1].isOver = true
 						}
 					}, 50);
 				} else {
@@ -1039,4 +1071,12 @@
 			color: #999999 !important;
 		}
 	}
+	.icon{
+		display: flex;
+		justify-content: flex-end;
+		margin: 0 15rpx 15rpx 12rpx;
+		.uni-icons{
+			margin-left: 15rpx;
+		}
+	}
 </style>