diff --git a/common/utils.js b/common/utils.js
index 556f693..3184fa0 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -299,7 +299,8 @@
 		// #endif  
 	})  
 }  
-  
+
+// 获取触摸位置
 export function getTouchPoint(e) {  
 	if (!e) {  
 		return {  

diff --git a/common/utils.js b/common/utils.js
index 556f693..3184fa0 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -299,7 +299,8 @@
 		// #endif  
 	})  
 }  
-  
+
+// 获取触摸位置
 export function getTouchPoint(e) {  
 	if (!e) {  
 		return {  
diff --git a/components/card.vue b/components/card.vue
index 0075ba6..6b118d5 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -1,8 +1,15 @@
+<!-- 谣言查证卡片 叠加 -->
 <template>  
 	<view class="flipcard" id="flipcard" ref="flipcard">  
-		<view class="flipcard-item" v-for="(item, index) in pages" :key="index"  
-			:style="[transformIndex(index),transform(index)]" @touchstart="touchstart" @touchmove="touchmove"  
-			@touchend="touchend" @touchcancel="touchend" @transitionend="onTransitionEnd(index,'transitionend')">  
+		<view class="flipcard-item" 
+			v-for="(item, index) in pages" 
+			:key="index"  
+			:style="[transformIndex(index),transform(index)]" 
+			@touchstart="touchstart" @touchmove="touchmove"  
+			@touchend="touchend" 
+			@touchcancel="touchend" 
+			@transitionend="onTransitionEnd(index,'transitionend')"
+		>  
 			<view class="flipcard-item-stack-info">  
 				<view style="display: flex;justify-content: space-between;">
 					<view class="t3">一起来识谣</view>
@@ -13,7 +20,6 @@
 				<view class="yy-content">
 					<view class="text">谣言:</view>
 					<view class="title">
-						<!-- 支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票， -->
 						{{currentShow.rumor}}
 					</view>
 					<view class="source">
@@ -38,44 +44,44 @@
 </template>  
   
 <script>  
-    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+  import { getTouchPoint, getElSize } from '@/common/utils.js'  
 	import { isVote, addVote } from '@/api/rumor.js'
     export default {  
 			props: {  
 				pages: {  
-						type: Array,  
-						default: []  
+					type: Array,  
+					default: []  
 				},  
 				stackInit: {  
-						type: Object,  
-						default: {}  
+					type: Object,  
+					default: {}  
 				},  
 			},  
 			data() {  
 				return {  
 					el: {},  
-					basicdata: {  
+					basicdata: {  // 触摸位置信息
 						start: {},  
 						end: {}  
 					}, 
-					 isVoteFlag:false, // 是否投票标识
+					isVoteFlag:false, // 是否投票标识
 					temporaryData: {  
 						isStackClick: true, // 多了一个参数  
-						offsetY: '',  
-						poswidth: 0,  
-						posheight: 0,  
-						lastPosWidth: '',  
-						lastPosHeight: '',  
+						offsetY: '',  // 手指相对于卡片顶部的距离
+						poswidth: 0,  // 水平滑动距离
+						posheight: 0,  // 垂直滑动距离
+						lastPosWidth: '',  // 最终水平滑动距离
+						lastPosHeight: '',  // 最终垂直滑动距离
 						lastZindex: '',  
 						rotate: 0,  
 						lastRotate: 0,  
 						visible: this.stackInit.visible || 3, // 展示几个  
-						tracking: false,  
-						animation: false,  
+						tracking: false,  // 是否是一个手指在触摸
+						animation: false,  // 是否展示动画
 						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
 						opacity: 1,  
 						lastOpacity: 0,  
-						swipe: false,  
+						swipe: false,   // 是否轮播，是否翻页
 						zIndex: 10  
 					}  
 				}  
@@ -83,11 +89,11 @@
 			computed: {  
 				// 划出面积比例  
 				offsetRatio(e) {  
-					let width = this.el.width  
-					let height = this.el.height  
-					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
-					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  
-					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  
+					let width = this.el.width  // 卡片宽
+					let height = this.el.height  // 卡片高
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  // 剩余宽度 = 宽 - 已滑动的距离
+					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  // 剩余高度
+					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  // 计算画出的面积比例
 					return ratio > 1 ? 1 : ratio  
 				},  
 				// 划出宽度比例  
@@ -104,7 +110,8 @@
 			},  
 			created() {  
 				this.$nextTick(async e => {  
-					this.el = await getElSize('flipcard', this)  
+					this.el = await getElSize('flipcard', this)  // 卡片的位置对象，上下左右，宽高
+					console.log('----', this.el)
 				})  
 			},  
 			watch:{
@@ -129,7 +136,7 @@
 				}
 			},
 			methods: {  
-				// 投票
+				// 点击真假进行投票
 				vote(flag) {
 					const params = {
 						rumorId:this.currentShow.id,
@@ -143,95 +150,82 @@
 						this.isVoteFlag = true
 					})
 				},
+				// 触摸开始
 				touchstart(e) {  
-					if (this.temporaryData.tracking) {  
+					if (this.temporaryData.tracking) {  // 多个手指触摸
 						return  
 					}  
 					// 是否为touch  
 					if (e.type === 'touchstart') {  
-						if (e.touches.length > 1) {  
+						if (e.touches.length > 1) {  // 有多个手指在触摸
 							this.temporaryData.tracking = false  
 							return  
-						} else {  
+						} else {  // 只有一个手指
 							// 记录起始位置  
-							const point = getTouchPoint(e)  
-
-							// console.log("记录起始位置",point);  
+							const point = getTouchPoint(e)  // 获取触摸坐标
+							console.log(point)
 							this.basicdata.start.t = new Date().getTime()  
-							this.basicdata.start.x = point.x  
-							this.basicdata.start.y = point.y  
+							this.basicdata.start.x = point.x  // 触摸横坐标
+							this.basicdata.start.y = point.y  // 触摸纵坐标
 							this.basicdata.end.x = point.x  
 							this.basicdata.end.y = point.y  
-							// offsetY在touch事件中没有，只能自己计算  
-							this.temporaryData.offsetY = point.y - this.el.top  
-							// console.log(this.temporaryData.offsetY)  
+							// 触摸纵坐标-卡片相对于屏幕顶部距离=手指相对于卡片顶部距离
+							this.temporaryData.offsetY = point.y - this.el.top  // 手指相对于卡片顶部的距离
 						}  
-							// pc操作  
-					} else {  
-						console.log("pc记录起始位置");  
-						uni.showToast({  
-								title: '无效操作',  
-								icon: 'none'  
-						});  
-						// this.basicdata.start.t = new Date().getTime()  
-						// this.basicdata.start.x = e.clientX  
-						// this.basicdata.start.y = e.clientY  
-						// this.basicdata.end.x = e.clientX  
-						// this.basicdata.end.y = e.clientY  
-						// this.temporaryData.offsetY = e.offsetY  
-					}  
+					} 
 					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = true  
-					this.temporaryData.animation = false  
+					this.temporaryData.tracking = true  // 一个手指
+					this.temporaryData.animation = false  // 展示动画
 				},  
+				// 触摸滑动
 				touchmove(e) {  
 					this.temporaryData.isStackClick = false // 多了一个参数  
 					// 记录滑动位置  
-					if (this.temporaryData.tracking && !this.temporaryData.animation) {  
-						const point = getTouchPoint(e)  
-						if (e.type === 'touchmove') {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						} else {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						}  
-						// 计算滑动值  
-						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  
-						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  
-						let rotateDirection = this.rotateDirection()  
-						let angleRatio = this.angleRatio()  
-						this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
+					if (this.temporaryData.tracking && !this.temporaryData.animation) {  // 一个手指且不展示动画
+						const point = getTouchPoint(e)  // 获取触摸点
+						// if (e.type === 'touchmove') {  
+						// 		e.preventDefault()  
+						// 		this.basicdata.end.x = point.x  
+						// 		this.basicdata.end.y = point.y  
+						// } else {  
+						e.preventDefault()  
+						this.basicdata.end.x = point.x  
+						this.basicdata.end.y = point.y  
+						// }  
+						// 计算滑动值  滑动距离 = 滑动位置 - 初始位置
+						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  // 水平滑动距离
+						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  // 垂直滑动距离
+						let rotateDirection = this.rotateDirection()  // 水平滑动距离是否小于0  左滑< 0  右滑>0
+						// let angleRatio = this.angleRatio()  
+						// this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
 					}  
 				},  
 				touchend(e, index) {  
-					if(this.temporaryData.isStackClick) {  
-							this.$emit('click', index) // 多了一个参数，触发上层传递事件  
-							this.temporaryData.isStackClick = false  
-					}  
-					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					// if(this.temporaryData.isStackClick) {  
+					// 	this.$emit('click', index) // 多了一个参数，触发上层传递事件  
+					// 	this.temporaryData.isStackClick = false  
+					// }  
+					// this.temporaryData.isStackClick = true // 多了一个参数  
+					this.temporaryData.tracking = false  // 滑动结束几个手指触摸赋予原值
+					this.temporaryData.animation = true  // 滑动结束开启动画
 					// 滑动结束，触发判断  
 					// 判断划出面积是否大于0.4  
 					if (this.offsetRatio >= 0.4) {  
 						// 计算划出后最终位置  
-						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  
+						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  // 划出宽高比
 						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
-								this.temporaryData.poswidth - 200  
+							this.temporaryData.poswidth - 200  // 右滑+200 左滑-200  ---- 把水平滑动距离增大
 						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
-								.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  
-						this.temporaryData.opacity = 0  
+							.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  // 通过宽高比例计算出垂直滑动比例
+						this.temporaryData.opacity = 0  //透明 
 						this.temporaryData.swipe = true  
 						this.nextTick()  
 						// 不满足条件则滑入  
-					} else {  
-						this.temporaryData.poswidth = 0  
-						this.temporaryData.posheight = 0  
-						this.temporaryData.swipe = false  
-						this.temporaryData.rotate = 0  
+					} else {  // 划出面积比例小于0.4的话
+						this.temporaryData.poswidth = 0  // 水平滑动距离置为0
+						this.temporaryData.posheight = 0  // 垂直滑动距离置为0
+						this.temporaryData.swipe = false  // 是否轮播，是否翻页
+						this.temporaryData.rotate = 0  // 翻页角度为0
 					}  
 					
 				},  
@@ -241,17 +235,18 @@
 					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
 					this.temporaryData.lastRotate = this.temporaryData.rotate  
 					this.temporaryData.lastZindex = 20  
-					// 循环currentPage  
+					// 循环currentPage  如果是最后一张的话，就显示第一张，不是的话就显示下一张
 					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
 							.temporaryData.currentPage + 1  
 					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
-					this.$nextTick(() => {  
+					this.$nextTick(() => {  // 数据切换完成正常显示卡片
 						this.temporaryData.poswidth = 0  
 						this.temporaryData.posheight = 0  
 						this.temporaryData.opacity = 1  
 						this.temporaryData.rotate = 0  
 					})  
 				},  
+				// css完成过渡后触发,就是动画结束触发
 				onTransitionEnd(index, log) {  
 					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
 							.currentPage - 1  
@@ -267,8 +262,8 @@
 					}  
 				},  
 				prev() {  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					this.temporaryData.tracking = false  // 一根手指
+					this.temporaryData.animation = true  // 开启动画
 					// 计算划出后最终位置  
 					let width = this.el.width  
 					this.temporaryData.poswidth = -width  
@@ -290,17 +285,18 @@
 					this.temporaryData.swipe = true  
 					this.nextTick()  
 				},  
+				// 计算滑动距离是否小于0
 				rotateDirection() {  
-					if (this.temporaryData.poswidth <= 0) {  
-							return -1  
-					} else {  
-							return 1  
+					if (this.temporaryData.poswidth <= 0) {  // 滑动水平距离<0 -左滑   
+						return -1  
+					} else {  // >0 右滑
+						return 1  
 					}  
 				},  
 				angleRatio() {  
-					let height = this.el.height  
-					let offsetY = this.temporaryData.offsetY  
-					let ratio = -1 * (2 * offsetY / height - 1)  
+					let height = this.el.height  // 卡片高度
+					let offsetY = this.temporaryData.offsetY  // 手指到卡片顶部距离
+					let ratio = -1 * (2 * offsetY / height - 1)  // 
 					return ratio || 0  
 				},  
 				inStack(index, currentPage) {  
@@ -308,11 +304,11 @@
 					let visible = this.temporaryData.visible  
 					let length = this.pages.length  
 					for (let i = 0; i < visible; i++) {  
-							if (currentPage + i < length) {  
-									stack.push(currentPage + i)  
-							} else {  
-									stack.push(currentPage + i - length)  
-							}  
+						if (currentPage + i < length) {  
+							stack.push(currentPage + i)  
+						} else {  
+							stack.push(currentPage + i - length)  
+						}  
 					}  
 					return stack.indexOf(index) >= 0  
 				},  

diff --git a/common/utils.js b/common/utils.js
index 556f693..3184fa0 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -299,7 +299,8 @@
 		// #endif  
 	})  
 }  
-  
+
+// 获取触摸位置
 export function getTouchPoint(e) {  
 	if (!e) {  
 		return {  
diff --git a/components/card.vue b/components/card.vue
index 0075ba6..6b118d5 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -1,8 +1,15 @@
+<!-- 谣言查证卡片 叠加 -->
 <template>  
 	<view class="flipcard" id="flipcard" ref="flipcard">  
-		<view class="flipcard-item" v-for="(item, index) in pages" :key="index"  
-			:style="[transformIndex(index),transform(index)]" @touchstart="touchstart" @touchmove="touchmove"  
-			@touchend="touchend" @touchcancel="touchend" @transitionend="onTransitionEnd(index,'transitionend')">  
+		<view class="flipcard-item" 
+			v-for="(item, index) in pages" 
+			:key="index"  
+			:style="[transformIndex(index),transform(index)]" 
+			@touchstart="touchstart" @touchmove="touchmove"  
+			@touchend="touchend" 
+			@touchcancel="touchend" 
+			@transitionend="onTransitionEnd(index,'transitionend')"
+		>  
 			<view class="flipcard-item-stack-info">  
 				<view style="display: flex;justify-content: space-between;">
 					<view class="t3">一起来识谣</view>
@@ -13,7 +20,6 @@
 				<view class="yy-content">
 					<view class="text">谣言:</view>
 					<view class="title">
-						<!-- 支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票， -->
 						{{currentShow.rumor}}
 					</view>
 					<view class="source">
@@ -38,44 +44,44 @@
 </template>  
   
 <script>  
-    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+  import { getTouchPoint, getElSize } from '@/common/utils.js'  
 	import { isVote, addVote } from '@/api/rumor.js'
     export default {  
 			props: {  
 				pages: {  
-						type: Array,  
-						default: []  
+					type: Array,  
+					default: []  
 				},  
 				stackInit: {  
-						type: Object,  
-						default: {}  
+					type: Object,  
+					default: {}  
 				},  
 			},  
 			data() {  
 				return {  
 					el: {},  
-					basicdata: {  
+					basicdata: {  // 触摸位置信息
 						start: {},  
 						end: {}  
 					}, 
-					 isVoteFlag:false, // 是否投票标识
+					isVoteFlag:false, // 是否投票标识
 					temporaryData: {  
 						isStackClick: true, // 多了一个参数  
-						offsetY: '',  
-						poswidth: 0,  
-						posheight: 0,  
-						lastPosWidth: '',  
-						lastPosHeight: '',  
+						offsetY: '',  // 手指相对于卡片顶部的距离
+						poswidth: 0,  // 水平滑动距离
+						posheight: 0,  // 垂直滑动距离
+						lastPosWidth: '',  // 最终水平滑动距离
+						lastPosHeight: '',  // 最终垂直滑动距离
 						lastZindex: '',  
 						rotate: 0,  
 						lastRotate: 0,  
 						visible: this.stackInit.visible || 3, // 展示几个  
-						tracking: false,  
-						animation: false,  
+						tracking: false,  // 是否是一个手指在触摸
+						animation: false,  // 是否展示动画
 						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
 						opacity: 1,  
 						lastOpacity: 0,  
-						swipe: false,  
+						swipe: false,   // 是否轮播，是否翻页
 						zIndex: 10  
 					}  
 				}  
@@ -83,11 +89,11 @@
 			computed: {  
 				// 划出面积比例  
 				offsetRatio(e) {  
-					let width = this.el.width  
-					let height = this.el.height  
-					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
-					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  
-					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  
+					let width = this.el.width  // 卡片宽
+					let height = this.el.height  // 卡片高
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  // 剩余宽度 = 宽 - 已滑动的距离
+					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  // 剩余高度
+					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  // 计算画出的面积比例
 					return ratio > 1 ? 1 : ratio  
 				},  
 				// 划出宽度比例  
@@ -104,7 +110,8 @@
 			},  
 			created() {  
 				this.$nextTick(async e => {  
-					this.el = await getElSize('flipcard', this)  
+					this.el = await getElSize('flipcard', this)  // 卡片的位置对象，上下左右，宽高
+					console.log('----', this.el)
 				})  
 			},  
 			watch:{
@@ -129,7 +136,7 @@
 				}
 			},
 			methods: {  
-				// 投票
+				// 点击真假进行投票
 				vote(flag) {
 					const params = {
 						rumorId:this.currentShow.id,
@@ -143,95 +150,82 @@
 						this.isVoteFlag = true
 					})
 				},
+				// 触摸开始
 				touchstart(e) {  
-					if (this.temporaryData.tracking) {  
+					if (this.temporaryData.tracking) {  // 多个手指触摸
 						return  
 					}  
 					// 是否为touch  
 					if (e.type === 'touchstart') {  
-						if (e.touches.length > 1) {  
+						if (e.touches.length > 1) {  // 有多个手指在触摸
 							this.temporaryData.tracking = false  
 							return  
-						} else {  
+						} else {  // 只有一个手指
 							// 记录起始位置  
-							const point = getTouchPoint(e)  
-
-							// console.log("记录起始位置",point);  
+							const point = getTouchPoint(e)  // 获取触摸坐标
+							console.log(point)
 							this.basicdata.start.t = new Date().getTime()  
-							this.basicdata.start.x = point.x  
-							this.basicdata.start.y = point.y  
+							this.basicdata.start.x = point.x  // 触摸横坐标
+							this.basicdata.start.y = point.y  // 触摸纵坐标
 							this.basicdata.end.x = point.x  
 							this.basicdata.end.y = point.y  
-							// offsetY在touch事件中没有，只能自己计算  
-							this.temporaryData.offsetY = point.y - this.el.top  
-							// console.log(this.temporaryData.offsetY)  
+							// 触摸纵坐标-卡片相对于屏幕顶部距离=手指相对于卡片顶部距离
+							this.temporaryData.offsetY = point.y - this.el.top  // 手指相对于卡片顶部的距离
 						}  
-							// pc操作  
-					} else {  
-						console.log("pc记录起始位置");  
-						uni.showToast({  
-								title: '无效操作',  
-								icon: 'none'  
-						});  
-						// this.basicdata.start.t = new Date().getTime()  
-						// this.basicdata.start.x = e.clientX  
-						// this.basicdata.start.y = e.clientY  
-						// this.basicdata.end.x = e.clientX  
-						// this.basicdata.end.y = e.clientY  
-						// this.temporaryData.offsetY = e.offsetY  
-					}  
+					} 
 					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = true  
-					this.temporaryData.animation = false  
+					this.temporaryData.tracking = true  // 一个手指
+					this.temporaryData.animation = false  // 展示动画
 				},  
+				// 触摸滑动
 				touchmove(e) {  
 					this.temporaryData.isStackClick = false // 多了一个参数  
 					// 记录滑动位置  
-					if (this.temporaryData.tracking && !this.temporaryData.animation) {  
-						const point = getTouchPoint(e)  
-						if (e.type === 'touchmove') {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						} else {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						}  
-						// 计算滑动值  
-						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  
-						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  
-						let rotateDirection = this.rotateDirection()  
-						let angleRatio = this.angleRatio()  
-						this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
+					if (this.temporaryData.tracking && !this.temporaryData.animation) {  // 一个手指且不展示动画
+						const point = getTouchPoint(e)  // 获取触摸点
+						// if (e.type === 'touchmove') {  
+						// 		e.preventDefault()  
+						// 		this.basicdata.end.x = point.x  
+						// 		this.basicdata.end.y = point.y  
+						// } else {  
+						e.preventDefault()  
+						this.basicdata.end.x = point.x  
+						this.basicdata.end.y = point.y  
+						// }  
+						// 计算滑动值  滑动距离 = 滑动位置 - 初始位置
+						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  // 水平滑动距离
+						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  // 垂直滑动距离
+						let rotateDirection = this.rotateDirection()  // 水平滑动距离是否小于0  左滑< 0  右滑>0
+						// let angleRatio = this.angleRatio()  
+						// this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
 					}  
 				},  
 				touchend(e, index) {  
-					if(this.temporaryData.isStackClick) {  
-							this.$emit('click', index) // 多了一个参数，触发上层传递事件  
-							this.temporaryData.isStackClick = false  
-					}  
-					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					// if(this.temporaryData.isStackClick) {  
+					// 	this.$emit('click', index) // 多了一个参数，触发上层传递事件  
+					// 	this.temporaryData.isStackClick = false  
+					// }  
+					// this.temporaryData.isStackClick = true // 多了一个参数  
+					this.temporaryData.tracking = false  // 滑动结束几个手指触摸赋予原值
+					this.temporaryData.animation = true  // 滑动结束开启动画
 					// 滑动结束，触发判断  
 					// 判断划出面积是否大于0.4  
 					if (this.offsetRatio >= 0.4) {  
 						// 计算划出后最终位置  
-						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  
+						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  // 划出宽高比
 						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
-								this.temporaryData.poswidth - 200  
+							this.temporaryData.poswidth - 200  // 右滑+200 左滑-200  ---- 把水平滑动距离增大
 						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
-								.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  
-						this.temporaryData.opacity = 0  
+							.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  // 通过宽高比例计算出垂直滑动比例
+						this.temporaryData.opacity = 0  //透明 
 						this.temporaryData.swipe = true  
 						this.nextTick()  
 						// 不满足条件则滑入  
-					} else {  
-						this.temporaryData.poswidth = 0  
-						this.temporaryData.posheight = 0  
-						this.temporaryData.swipe = false  
-						this.temporaryData.rotate = 0  
+					} else {  // 划出面积比例小于0.4的话
+						this.temporaryData.poswidth = 0  // 水平滑动距离置为0
+						this.temporaryData.posheight = 0  // 垂直滑动距离置为0
+						this.temporaryData.swipe = false  // 是否轮播，是否翻页
+						this.temporaryData.rotate = 0  // 翻页角度为0
 					}  
 					
 				},  
@@ -241,17 +235,18 @@
 					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
 					this.temporaryData.lastRotate = this.temporaryData.rotate  
 					this.temporaryData.lastZindex = 20  
-					// 循环currentPage  
+					// 循环currentPage  如果是最后一张的话，就显示第一张，不是的话就显示下一张
 					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
 							.temporaryData.currentPage + 1  
 					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
-					this.$nextTick(() => {  
+					this.$nextTick(() => {  // 数据切换完成正常显示卡片
 						this.temporaryData.poswidth = 0  
 						this.temporaryData.posheight = 0  
 						this.temporaryData.opacity = 1  
 						this.temporaryData.rotate = 0  
 					})  
 				},  
+				// css完成过渡后触发,就是动画结束触发
 				onTransitionEnd(index, log) {  
 					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
 							.currentPage - 1  
@@ -267,8 +262,8 @@
 					}  
 				},  
 				prev() {  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					this.temporaryData.tracking = false  // 一根手指
+					this.temporaryData.animation = true  // 开启动画
 					// 计算划出后最终位置  
 					let width = this.el.width  
 					this.temporaryData.poswidth = -width  
@@ -290,17 +285,18 @@
 					this.temporaryData.swipe = true  
 					this.nextTick()  
 				},  
+				// 计算滑动距离是否小于0
 				rotateDirection() {  
-					if (this.temporaryData.poswidth <= 0) {  
-							return -1  
-					} else {  
-							return 1  
+					if (this.temporaryData.poswidth <= 0) {  // 滑动水平距离<0 -左滑   
+						return -1  
+					} else {  // >0 右滑
+						return 1  
 					}  
 				},  
 				angleRatio() {  
-					let height = this.el.height  
-					let offsetY = this.temporaryData.offsetY  
-					let ratio = -1 * (2 * offsetY / height - 1)  
+					let height = this.el.height  // 卡片高度
+					let offsetY = this.temporaryData.offsetY  // 手指到卡片顶部距离
+					let ratio = -1 * (2 * offsetY / height - 1)  // 
 					return ratio || 0  
 				},  
 				inStack(index, currentPage) {  
@@ -308,11 +304,11 @@
 					let visible = this.temporaryData.visible  
 					let length = this.pages.length  
 					for (let i = 0; i < visible; i++) {  
-							if (currentPage + i < length) {  
-									stack.push(currentPage + i)  
-							} else {  
-									stack.push(currentPage + i - length)  
-							}  
+						if (currentPage + i < length) {  
+							stack.push(currentPage + i)  
+						} else {  
+							stack.push(currentPage + i - length)  
+						}  
 					}  
 					return stack.indexOf(index) >= 0  
 				},  
diff --git a/packageC/components/rumorList.vue b/packageC/components/rumorList.vue
index ed4bb94..3c62a1f 100644
--- a/packageC/components/rumorList.vue
+++ b/packageC/components/rumorList.vue
@@ -35,10 +35,8 @@
 		},
 		
 		methods: {
+			// 点击卡片
 			handleClick(val) {
-				// wx.navigateTo({
-				// 	url: '/packageC/rumorDetail/rumorDetail'
-				// })
 				const url = `https://www.xjwljb.com/piyao/web/bulletin/newInfo?id=${val.id}&catalogId=${val.catalogId}`
 				wx.navigateTo({
 					url: '/packageC/rumorWebView/rumorWebView?url=' + encodeURIComponent(url)

diff --git a/common/utils.js b/common/utils.js
index 556f693..3184fa0 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -299,7 +299,8 @@
 		// #endif  
 	})  
 }  
-  
+
+// 获取触摸位置
 export function getTouchPoint(e) {  
 	if (!e) {  
 		return {  
diff --git a/components/card.vue b/components/card.vue
index 0075ba6..6b118d5 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -1,8 +1,15 @@
+<!-- 谣言查证卡片 叠加 -->
 <template>  
 	<view class="flipcard" id="flipcard" ref="flipcard">  
-		<view class="flipcard-item" v-for="(item, index) in pages" :key="index"  
-			:style="[transformIndex(index),transform(index)]" @touchstart="touchstart" @touchmove="touchmove"  
-			@touchend="touchend" @touchcancel="touchend" @transitionend="onTransitionEnd(index,'transitionend')">  
+		<view class="flipcard-item" 
+			v-for="(item, index) in pages" 
+			:key="index"  
+			:style="[transformIndex(index),transform(index)]" 
+			@touchstart="touchstart" @touchmove="touchmove"  
+			@touchend="touchend" 
+			@touchcancel="touchend" 
+			@transitionend="onTransitionEnd(index,'transitionend')"
+		>  
 			<view class="flipcard-item-stack-info">  
 				<view style="display: flex;justify-content: space-between;">
 					<view class="t3">一起来识谣</view>
@@ -13,7 +20,6 @@
 				<view class="yy-content">
 					<view class="text">谣言:</view>
 					<view class="title">
-						<!-- 支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票， -->
 						{{currentShow.rumor}}
 					</view>
 					<view class="source">
@@ -38,44 +44,44 @@
 </template>  
   
 <script>  
-    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+  import { getTouchPoint, getElSize } from '@/common/utils.js'  
 	import { isVote, addVote } from '@/api/rumor.js'
     export default {  
 			props: {  
 				pages: {  
-						type: Array,  
-						default: []  
+					type: Array,  
+					default: []  
 				},  
 				stackInit: {  
-						type: Object,  
-						default: {}  
+					type: Object,  
+					default: {}  
 				},  
 			},  
 			data() {  
 				return {  
 					el: {},  
-					basicdata: {  
+					basicdata: {  // 触摸位置信息
 						start: {},  
 						end: {}  
 					}, 
-					 isVoteFlag:false, // 是否投票标识
+					isVoteFlag:false, // 是否投票标识
 					temporaryData: {  
 						isStackClick: true, // 多了一个参数  
-						offsetY: '',  
-						poswidth: 0,  
-						posheight: 0,  
-						lastPosWidth: '',  
-						lastPosHeight: '',  
+						offsetY: '',  // 手指相对于卡片顶部的距离
+						poswidth: 0,  // 水平滑动距离
+						posheight: 0,  // 垂直滑动距离
+						lastPosWidth: '',  // 最终水平滑动距离
+						lastPosHeight: '',  // 最终垂直滑动距离
 						lastZindex: '',  
 						rotate: 0,  
 						lastRotate: 0,  
 						visible: this.stackInit.visible || 3, // 展示几个  
-						tracking: false,  
-						animation: false,  
+						tracking: false,  // 是否是一个手指在触摸
+						animation: false,  // 是否展示动画
 						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
 						opacity: 1,  
 						lastOpacity: 0,  
-						swipe: false,  
+						swipe: false,   // 是否轮播，是否翻页
 						zIndex: 10  
 					}  
 				}  
@@ -83,11 +89,11 @@
 			computed: {  
 				// 划出面积比例  
 				offsetRatio(e) {  
-					let width = this.el.width  
-					let height = this.el.height  
-					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
-					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  
-					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  
+					let width = this.el.width  // 卡片宽
+					let height = this.el.height  // 卡片高
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  // 剩余宽度 = 宽 - 已滑动的距离
+					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  // 剩余高度
+					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  // 计算画出的面积比例
 					return ratio > 1 ? 1 : ratio  
 				},  
 				// 划出宽度比例  
@@ -104,7 +110,8 @@
 			},  
 			created() {  
 				this.$nextTick(async e => {  
-					this.el = await getElSize('flipcard', this)  
+					this.el = await getElSize('flipcard', this)  // 卡片的位置对象，上下左右，宽高
+					console.log('----', this.el)
 				})  
 			},  
 			watch:{
@@ -129,7 +136,7 @@
 				}
 			},
 			methods: {  
-				// 投票
+				// 点击真假进行投票
 				vote(flag) {
 					const params = {
 						rumorId:this.currentShow.id,
@@ -143,95 +150,82 @@
 						this.isVoteFlag = true
 					})
 				},
+				// 触摸开始
 				touchstart(e) {  
-					if (this.temporaryData.tracking) {  
+					if (this.temporaryData.tracking) {  // 多个手指触摸
 						return  
 					}  
 					// 是否为touch  
 					if (e.type === 'touchstart') {  
-						if (e.touches.length > 1) {  
+						if (e.touches.length > 1) {  // 有多个手指在触摸
 							this.temporaryData.tracking = false  
 							return  
-						} else {  
+						} else {  // 只有一个手指
 							// 记录起始位置  
-							const point = getTouchPoint(e)  
-
-							// console.log("记录起始位置",point);  
+							const point = getTouchPoint(e)  // 获取触摸坐标
+							console.log(point)
 							this.basicdata.start.t = new Date().getTime()  
-							this.basicdata.start.x = point.x  
-							this.basicdata.start.y = point.y  
+							this.basicdata.start.x = point.x  // 触摸横坐标
+							this.basicdata.start.y = point.y  // 触摸纵坐标
 							this.basicdata.end.x = point.x  
 							this.basicdata.end.y = point.y  
-							// offsetY在touch事件中没有，只能自己计算  
-							this.temporaryData.offsetY = point.y - this.el.top  
-							// console.log(this.temporaryData.offsetY)  
+							// 触摸纵坐标-卡片相对于屏幕顶部距离=手指相对于卡片顶部距离
+							this.temporaryData.offsetY = point.y - this.el.top  // 手指相对于卡片顶部的距离
 						}  
-							// pc操作  
-					} else {  
-						console.log("pc记录起始位置");  
-						uni.showToast({  
-								title: '无效操作',  
-								icon: 'none'  
-						});  
-						// this.basicdata.start.t = new Date().getTime()  
-						// this.basicdata.start.x = e.clientX  
-						// this.basicdata.start.y = e.clientY  
-						// this.basicdata.end.x = e.clientX  
-						// this.basicdata.end.y = e.clientY  
-						// this.temporaryData.offsetY = e.offsetY  
-					}  
+					} 
 					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = true  
-					this.temporaryData.animation = false  
+					this.temporaryData.tracking = true  // 一个手指
+					this.temporaryData.animation = false  // 展示动画
 				},  
+				// 触摸滑动
 				touchmove(e) {  
 					this.temporaryData.isStackClick = false // 多了一个参数  
 					// 记录滑动位置  
-					if (this.temporaryData.tracking && !this.temporaryData.animation) {  
-						const point = getTouchPoint(e)  
-						if (e.type === 'touchmove') {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						} else {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						}  
-						// 计算滑动值  
-						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  
-						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  
-						let rotateDirection = this.rotateDirection()  
-						let angleRatio = this.angleRatio()  
-						this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
+					if (this.temporaryData.tracking && !this.temporaryData.animation) {  // 一个手指且不展示动画
+						const point = getTouchPoint(e)  // 获取触摸点
+						// if (e.type === 'touchmove') {  
+						// 		e.preventDefault()  
+						// 		this.basicdata.end.x = point.x  
+						// 		this.basicdata.end.y = point.y  
+						// } else {  
+						e.preventDefault()  
+						this.basicdata.end.x = point.x  
+						this.basicdata.end.y = point.y  
+						// }  
+						// 计算滑动值  滑动距离 = 滑动位置 - 初始位置
+						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  // 水平滑动距离
+						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  // 垂直滑动距离
+						let rotateDirection = this.rotateDirection()  // 水平滑动距离是否小于0  左滑< 0  右滑>0
+						// let angleRatio = this.angleRatio()  
+						// this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
 					}  
 				},  
 				touchend(e, index) {  
-					if(this.temporaryData.isStackClick) {  
-							this.$emit('click', index) // 多了一个参数，触发上层传递事件  
-							this.temporaryData.isStackClick = false  
-					}  
-					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					// if(this.temporaryData.isStackClick) {  
+					// 	this.$emit('click', index) // 多了一个参数，触发上层传递事件  
+					// 	this.temporaryData.isStackClick = false  
+					// }  
+					// this.temporaryData.isStackClick = true // 多了一个参数  
+					this.temporaryData.tracking = false  // 滑动结束几个手指触摸赋予原值
+					this.temporaryData.animation = true  // 滑动结束开启动画
 					// 滑动结束，触发判断  
 					// 判断划出面积是否大于0.4  
 					if (this.offsetRatio >= 0.4) {  
 						// 计算划出后最终位置  
-						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  
+						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  // 划出宽高比
 						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
-								this.temporaryData.poswidth - 200  
+							this.temporaryData.poswidth - 200  // 右滑+200 左滑-200  ---- 把水平滑动距离增大
 						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
-								.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  
-						this.temporaryData.opacity = 0  
+							.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  // 通过宽高比例计算出垂直滑动比例
+						this.temporaryData.opacity = 0  //透明 
 						this.temporaryData.swipe = true  
 						this.nextTick()  
 						// 不满足条件则滑入  
-					} else {  
-						this.temporaryData.poswidth = 0  
-						this.temporaryData.posheight = 0  
-						this.temporaryData.swipe = false  
-						this.temporaryData.rotate = 0  
+					} else {  // 划出面积比例小于0.4的话
+						this.temporaryData.poswidth = 0  // 水平滑动距离置为0
+						this.temporaryData.posheight = 0  // 垂直滑动距离置为0
+						this.temporaryData.swipe = false  // 是否轮播，是否翻页
+						this.temporaryData.rotate = 0  // 翻页角度为0
 					}  
 					
 				},  
@@ -241,17 +235,18 @@
 					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
 					this.temporaryData.lastRotate = this.temporaryData.rotate  
 					this.temporaryData.lastZindex = 20  
-					// 循环currentPage  
+					// 循环currentPage  如果是最后一张的话，就显示第一张，不是的话就显示下一张
 					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
 							.temporaryData.currentPage + 1  
 					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
-					this.$nextTick(() => {  
+					this.$nextTick(() => {  // 数据切换完成正常显示卡片
 						this.temporaryData.poswidth = 0  
 						this.temporaryData.posheight = 0  
 						this.temporaryData.opacity = 1  
 						this.temporaryData.rotate = 0  
 					})  
 				},  
+				// css完成过渡后触发,就是动画结束触发
 				onTransitionEnd(index, log) {  
 					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
 							.currentPage - 1  
@@ -267,8 +262,8 @@
 					}  
 				},  
 				prev() {  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					this.temporaryData.tracking = false  // 一根手指
+					this.temporaryData.animation = true  // 开启动画
 					// 计算划出后最终位置  
 					let width = this.el.width  
 					this.temporaryData.poswidth = -width  
@@ -290,17 +285,18 @@
 					this.temporaryData.swipe = true  
 					this.nextTick()  
 				},  
+				// 计算滑动距离是否小于0
 				rotateDirection() {  
-					if (this.temporaryData.poswidth <= 0) {  
-							return -1  
-					} else {  
-							return 1  
+					if (this.temporaryData.poswidth <= 0) {  // 滑动水平距离<0 -左滑   
+						return -1  
+					} else {  // >0 右滑
+						return 1  
 					}  
 				},  
 				angleRatio() {  
-					let height = this.el.height  
-					let offsetY = this.temporaryData.offsetY  
-					let ratio = -1 * (2 * offsetY / height - 1)  
+					let height = this.el.height  // 卡片高度
+					let offsetY = this.temporaryData.offsetY  // 手指到卡片顶部距离
+					let ratio = -1 * (2 * offsetY / height - 1)  // 
 					return ratio || 0  
 				},  
 				inStack(index, currentPage) {  
@@ -308,11 +304,11 @@
 					let visible = this.temporaryData.visible  
 					let length = this.pages.length  
 					for (let i = 0; i < visible; i++) {  
-							if (currentPage + i < length) {  
-									stack.push(currentPage + i)  
-							} else {  
-									stack.push(currentPage + i - length)  
-							}  
+						if (currentPage + i < length) {  
+							stack.push(currentPage + i)  
+						} else {  
+							stack.push(currentPage + i - length)  
+						}  
 					}  
 					return stack.indexOf(index) >= 0  
 				},  
diff --git a/packageC/components/rumorList.vue b/packageC/components/rumorList.vue
index ed4bb94..3c62a1f 100644
--- a/packageC/components/rumorList.vue
+++ b/packageC/components/rumorList.vue
@@ -35,10 +35,8 @@
 		},
 		
 		methods: {
+			// 点击卡片
 			handleClick(val) {
-				// wx.navigateTo({
-				// 	url: '/packageC/rumorDetail/rumorDetail'
-				// })
 				const url = `https://www.xjwljb.com/piyao/web/bulletin/newInfo?id=${val.id}&catalogId=${val.catalogId}`
 				wx.navigateTo({
 					url: '/packageC/rumorWebView/rumorWebView?url=' + encodeURIComponent(url)
diff --git a/packageC/rumorInfo/rumorInfo.vue b/packageC/rumorInfo/rumorInfo.vue
index cf81b1d..04586d4 100644
--- a/packageC/rumorInfo/rumorInfo.vue
+++ b/packageC/rumorInfo/rumorInfo.vue
@@ -22,9 +22,12 @@
 				clearabled
 				@custom="search"
 				@search="search"
+				@change="changeKeyword"
+				@clear="clearKeyword"
 			></u-search>
 		</view>
 		
+		<!-- 卡片组件 -->
 		<view class="rumor-area">
 			<RumorList :list="rumorList"/>
 		</view>
@@ -96,11 +99,12 @@
 		},
 		//上滑加载
 		onReachBottom() {
-			this.loadingMoreStatus = 'loading'
-			this.pageIndex = this.pageIndex + 1
-			this.fetchPyxxList(this.keyword);
+			this.loadingMoreStatus = 'loading' // 显示加载中
+			this.pageIndex = this.pageIndex + 1 // 页数增加
+			this.fetchPyxxList(this.keyword); // 获取列表
 		},
 		watch: {
+			// 监听列表是否为空控制空组件显隐
 			rumorList: {
 				handler(val){
 					if(val.length) {
@@ -120,6 +124,15 @@
 			this.scrollTop = e.scrollTop;
 		},
 		methods: {
+			// 搜索框内容变化
+			changeKeyword(val) {
+				this.keyword = val
+			},
+			// 搜索框清除按钮
+			clearKeyword() {
+				this.keyword = ''
+			},
+			// 点击搜索和键盘上的搜索触发
 			search() {
 				this.loadingMoreStatus = 'loadmore'
 				this.rumorList = []

diff --git a/common/utils.js b/common/utils.js
index 556f693..3184fa0 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -299,7 +299,8 @@
 		// #endif  
 	})  
 }  
-  
+
+// 获取触摸位置
 export function getTouchPoint(e) {  
 	if (!e) {  
 		return {  
diff --git a/components/card.vue b/components/card.vue
index 0075ba6..6b118d5 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -1,8 +1,15 @@
+<!-- 谣言查证卡片 叠加 -->
 <template>  
 	<view class="flipcard" id="flipcard" ref="flipcard">  
-		<view class="flipcard-item" v-for="(item, index) in pages" :key="index"  
-			:style="[transformIndex(index),transform(index)]" @touchstart="touchstart" @touchmove="touchmove"  
-			@touchend="touchend" @touchcancel="touchend" @transitionend="onTransitionEnd(index,'transitionend')">  
+		<view class="flipcard-item" 
+			v-for="(item, index) in pages" 
+			:key="index"  
+			:style="[transformIndex(index),transform(index)]" 
+			@touchstart="touchstart" @touchmove="touchmove"  
+			@touchend="touchend" 
+			@touchcancel="touchend" 
+			@transitionend="onTransitionEnd(index,'transitionend')"
+		>  
 			<view class="flipcard-item-stack-info">  
 				<view style="display: flex;justify-content: space-between;">
 					<view class="t3">一起来识谣</view>
@@ -13,7 +20,6 @@
 				<view class="yy-content">
 					<view class="text">谣言:</view>
 					<view class="title">
-						<!-- 支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票， -->
 						{{currentShow.rumor}}
 					</view>
 					<view class="source">
@@ -38,44 +44,44 @@
 </template>  
   
 <script>  
-    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+  import { getTouchPoint, getElSize } from '@/common/utils.js'  
 	import { isVote, addVote } from '@/api/rumor.js'
     export default {  
 			props: {  
 				pages: {  
-						type: Array,  
-						default: []  
+					type: Array,  
+					default: []  
 				},  
 				stackInit: {  
-						type: Object,  
-						default: {}  
+					type: Object,  
+					default: {}  
 				},  
 			},  
 			data() {  
 				return {  
 					el: {},  
-					basicdata: {  
+					basicdata: {  // 触摸位置信息
 						start: {},  
 						end: {}  
 					}, 
-					 isVoteFlag:false, // 是否投票标识
+					isVoteFlag:false, // 是否投票标识
 					temporaryData: {  
 						isStackClick: true, // 多了一个参数  
-						offsetY: '',  
-						poswidth: 0,  
-						posheight: 0,  
-						lastPosWidth: '',  
-						lastPosHeight: '',  
+						offsetY: '',  // 手指相对于卡片顶部的距离
+						poswidth: 0,  // 水平滑动距离
+						posheight: 0,  // 垂直滑动距离
+						lastPosWidth: '',  // 最终水平滑动距离
+						lastPosHeight: '',  // 最终垂直滑动距离
 						lastZindex: '',  
 						rotate: 0,  
 						lastRotate: 0,  
 						visible: this.stackInit.visible || 3, // 展示几个  
-						tracking: false,  
-						animation: false,  
+						tracking: false,  // 是否是一个手指在触摸
+						animation: false,  // 是否展示动画
 						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
 						opacity: 1,  
 						lastOpacity: 0,  
-						swipe: false,  
+						swipe: false,   // 是否轮播，是否翻页
 						zIndex: 10  
 					}  
 				}  
@@ -83,11 +89,11 @@
 			computed: {  
 				// 划出面积比例  
 				offsetRatio(e) {  
-					let width = this.el.width  
-					let height = this.el.height  
-					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
-					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  
-					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  
+					let width = this.el.width  // 卡片宽
+					let height = this.el.height  // 卡片高
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  // 剩余宽度 = 宽 - 已滑动的距离
+					let offsetHeight = height - Math.abs(this.temporaryData.posheight)  // 剩余高度
+					let ratio = 1 - (offsetWidth * offsetHeight) / (width * height) || 0  // 计算画出的面积比例
 					return ratio > 1 ? 1 : ratio  
 				},  
 				// 划出宽度比例  
@@ -104,7 +110,8 @@
 			},  
 			created() {  
 				this.$nextTick(async e => {  
-					this.el = await getElSize('flipcard', this)  
+					this.el = await getElSize('flipcard', this)  // 卡片的位置对象，上下左右，宽高
+					console.log('----', this.el)
 				})  
 			},  
 			watch:{
@@ -129,7 +136,7 @@
 				}
 			},
 			methods: {  
-				// 投票
+				// 点击真假进行投票
 				vote(flag) {
 					const params = {
 						rumorId:this.currentShow.id,
@@ -143,95 +150,82 @@
 						this.isVoteFlag = true
 					})
 				},
+				// 触摸开始
 				touchstart(e) {  
-					if (this.temporaryData.tracking) {  
+					if (this.temporaryData.tracking) {  // 多个手指触摸
 						return  
 					}  
 					// 是否为touch  
 					if (e.type === 'touchstart') {  
-						if (e.touches.length > 1) {  
+						if (e.touches.length > 1) {  // 有多个手指在触摸
 							this.temporaryData.tracking = false  
 							return  
-						} else {  
+						} else {  // 只有一个手指
 							// 记录起始位置  
-							const point = getTouchPoint(e)  
-
-							// console.log("记录起始位置",point);  
+							const point = getTouchPoint(e)  // 获取触摸坐标
+							console.log(point)
 							this.basicdata.start.t = new Date().getTime()  
-							this.basicdata.start.x = point.x  
-							this.basicdata.start.y = point.y  
+							this.basicdata.start.x = point.x  // 触摸横坐标
+							this.basicdata.start.y = point.y  // 触摸纵坐标
 							this.basicdata.end.x = point.x  
 							this.basicdata.end.y = point.y  
-							// offsetY在touch事件中没有，只能自己计算  
-							this.temporaryData.offsetY = point.y - this.el.top  
-							// console.log(this.temporaryData.offsetY)  
+							// 触摸纵坐标-卡片相对于屏幕顶部距离=手指相对于卡片顶部距离
+							this.temporaryData.offsetY = point.y - this.el.top  // 手指相对于卡片顶部的距离
 						}  
-							// pc操作  
-					} else {  
-						console.log("pc记录起始位置");  
-						uni.showToast({  
-								title: '无效操作',  
-								icon: 'none'  
-						});  
-						// this.basicdata.start.t = new Date().getTime()  
-						// this.basicdata.start.x = e.clientX  
-						// this.basicdata.start.y = e.clientY  
-						// this.basicdata.end.x = e.clientX  
-						// this.basicdata.end.y = e.clientY  
-						// this.temporaryData.offsetY = e.offsetY  
-					}  
+					} 
 					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = true  
-					this.temporaryData.animation = false  
+					this.temporaryData.tracking = true  // 一个手指
+					this.temporaryData.animation = false  // 展示动画
 				},  
+				// 触摸滑动
 				touchmove(e) {  
 					this.temporaryData.isStackClick = false // 多了一个参数  
 					// 记录滑动位置  
-					if (this.temporaryData.tracking && !this.temporaryData.animation) {  
-						const point = getTouchPoint(e)  
-						if (e.type === 'touchmove') {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						} else {  
-								e.preventDefault()  
-								this.basicdata.end.x = point.x  
-								this.basicdata.end.y = point.y  
-						}  
-						// 计算滑动值  
-						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  
-						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  
-						let rotateDirection = this.rotateDirection()  
-						let angleRatio = this.angleRatio()  
-						this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
+					if (this.temporaryData.tracking && !this.temporaryData.animation) {  // 一个手指且不展示动画
+						const point = getTouchPoint(e)  // 获取触摸点
+						// if (e.type === 'touchmove') {  
+						// 		e.preventDefault()  
+						// 		this.basicdata.end.x = point.x  
+						// 		this.basicdata.end.y = point.y  
+						// } else {  
+						e.preventDefault()  
+						this.basicdata.end.x = point.x  
+						this.basicdata.end.y = point.y  
+						// }  
+						// 计算滑动值  滑动距离 = 滑动位置 - 初始位置
+						this.temporaryData.poswidth = this.basicdata.end.x - this.basicdata.start.x  // 水平滑动距离
+						this.temporaryData.posheight = this.basicdata.end.y - this.basicdata.start.y  // 垂直滑动距离
+						let rotateDirection = this.rotateDirection()  // 水平滑动距离是否小于0  左滑< 0  右滑>0
+						// let angleRatio = this.angleRatio()  
+						// this.temporaryData.rotate = rotateDirection * this.offsetWidthRatio * 15 * angleRatio  
 					}  
 				},  
 				touchend(e, index) {  
-					if(this.temporaryData.isStackClick) {  
-							this.$emit('click', index) // 多了一个参数，触发上层传递事件  
-							this.temporaryData.isStackClick = false  
-					}  
-					this.temporaryData.isStackClick = true // 多了一个参数  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					// if(this.temporaryData.isStackClick) {  
+					// 	this.$emit('click', index) // 多了一个参数，触发上层传递事件  
+					// 	this.temporaryData.isStackClick = false  
+					// }  
+					// this.temporaryData.isStackClick = true // 多了一个参数  
+					this.temporaryData.tracking = false  // 滑动结束几个手指触摸赋予原值
+					this.temporaryData.animation = true  // 滑动结束开启动画
 					// 滑动结束，触发判断  
 					// 判断划出面积是否大于0.4  
 					if (this.offsetRatio >= 0.4) {  
 						// 计算划出后最终位置  
-						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  
+						let ratio = Math.abs(this.temporaryData.posheight / this.temporaryData.poswidth)  // 划出宽高比
 						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
-								this.temporaryData.poswidth - 200  
+							this.temporaryData.poswidth - 200  // 右滑+200 左滑-200  ---- 把水平滑动距离增大
 						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
-								.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  
-						this.temporaryData.opacity = 0  
+							.poswidth * ratio) : -Math.abs(this.temporaryData.poswidth * ratio)  // 通过宽高比例计算出垂直滑动比例
+						this.temporaryData.opacity = 0  //透明 
 						this.temporaryData.swipe = true  
 						this.nextTick()  
 						// 不满足条件则滑入  
-					} else {  
-						this.temporaryData.poswidth = 0  
-						this.temporaryData.posheight = 0  
-						this.temporaryData.swipe = false  
-						this.temporaryData.rotate = 0  
+					} else {  // 划出面积比例小于0.4的话
+						this.temporaryData.poswidth = 0  // 水平滑动距离置为0
+						this.temporaryData.posheight = 0  // 垂直滑动距离置为0
+						this.temporaryData.swipe = false  // 是否轮播，是否翻页
+						this.temporaryData.rotate = 0  // 翻页角度为0
 					}  
 					
 				},  
@@ -241,17 +235,18 @@
 					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
 					this.temporaryData.lastRotate = this.temporaryData.rotate  
 					this.temporaryData.lastZindex = 20  
-					// 循环currentPage  
+					// 循环currentPage  如果是最后一张的话，就显示第一张，不是的话就显示下一张
 					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
 							.temporaryData.currentPage + 1  
 					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
-					this.$nextTick(() => {  
+					this.$nextTick(() => {  // 数据切换完成正常显示卡片
 						this.temporaryData.poswidth = 0  
 						this.temporaryData.posheight = 0  
 						this.temporaryData.opacity = 1  
 						this.temporaryData.rotate = 0  
 					})  
 				},  
+				// css完成过渡后触发,就是动画结束触发
 				onTransitionEnd(index, log) {  
 					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
 							.currentPage - 1  
@@ -267,8 +262,8 @@
 					}  
 				},  
 				prev() {  
-					this.temporaryData.tracking = false  
-					this.temporaryData.animation = true  
+					this.temporaryData.tracking = false  // 一根手指
+					this.temporaryData.animation = true  // 开启动画
 					// 计算划出后最终位置  
 					let width = this.el.width  
 					this.temporaryData.poswidth = -width  
@@ -290,17 +285,18 @@
 					this.temporaryData.swipe = true  
 					this.nextTick()  
 				},  
+				// 计算滑动距离是否小于0
 				rotateDirection() {  
-					if (this.temporaryData.poswidth <= 0) {  
-							return -1  
-					} else {  
-							return 1  
+					if (this.temporaryData.poswidth <= 0) {  // 滑动水平距离<0 -左滑   
+						return -1  
+					} else {  // >0 右滑
+						return 1  
 					}  
 				},  
 				angleRatio() {  
-					let height = this.el.height  
-					let offsetY = this.temporaryData.offsetY  
-					let ratio = -1 * (2 * offsetY / height - 1)  
+					let height = this.el.height  // 卡片高度
+					let offsetY = this.temporaryData.offsetY  // 手指到卡片顶部距离
+					let ratio = -1 * (2 * offsetY / height - 1)  // 
 					return ratio || 0  
 				},  
 				inStack(index, currentPage) {  
@@ -308,11 +304,11 @@
 					let visible = this.temporaryData.visible  
 					let length = this.pages.length  
 					for (let i = 0; i < visible; i++) {  
-							if (currentPage + i < length) {  
-									stack.push(currentPage + i)  
-							} else {  
-									stack.push(currentPage + i - length)  
-							}  
+						if (currentPage + i < length) {  
+							stack.push(currentPage + i)  
+						} else {  
+							stack.push(currentPage + i - length)  
+						}  
 					}  
 					return stack.indexOf(index) >= 0  
 				},  
diff --git a/packageC/components/rumorList.vue b/packageC/components/rumorList.vue
index ed4bb94..3c62a1f 100644
--- a/packageC/components/rumorList.vue
+++ b/packageC/components/rumorList.vue
@@ -35,10 +35,8 @@
 		},
 		
 		methods: {
+			// 点击卡片
 			handleClick(val) {
-				// wx.navigateTo({
-				// 	url: '/packageC/rumorDetail/rumorDetail'
-				// })
 				const url = `https://www.xjwljb.com/piyao/web/bulletin/newInfo?id=${val.id}&catalogId=${val.catalogId}`
 				wx.navigateTo({
 					url: '/packageC/rumorWebView/rumorWebView?url=' + encodeURIComponent(url)
diff --git a/packageC/rumorInfo/rumorInfo.vue b/packageC/rumorInfo/rumorInfo.vue
index cf81b1d..04586d4 100644
--- a/packageC/rumorInfo/rumorInfo.vue
+++ b/packageC/rumorInfo/rumorInfo.vue
@@ -22,9 +22,12 @@
 				clearabled
 				@custom="search"
 				@search="search"
+				@change="changeKeyword"
+				@clear="clearKeyword"
 			></u-search>
 		</view>
 		
+		<!-- 卡片组件 -->
 		<view class="rumor-area">
 			<RumorList :list="rumorList"/>
 		</view>
@@ -96,11 +99,12 @@
 		},
 		//上滑加载
 		onReachBottom() {
-			this.loadingMoreStatus = 'loading'
-			this.pageIndex = this.pageIndex + 1
-			this.fetchPyxxList(this.keyword);
+			this.loadingMoreStatus = 'loading' // 显示加载中
+			this.pageIndex = this.pageIndex + 1 // 页数增加
+			this.fetchPyxxList(this.keyword); // 获取列表
 		},
 		watch: {
+			// 监听列表是否为空控制空组件显隐
 			rumorList: {
 				handler(val){
 					if(val.length) {
@@ -120,6 +124,15 @@
 			this.scrollTop = e.scrollTop;
 		},
 		methods: {
+			// 搜索框内容变化
+			changeKeyword(val) {
+				this.keyword = val
+			},
+			// 搜索框清除按钮
+			clearKeyword() {
+				this.keyword = ''
+			},
+			// 点击搜索和键盘上的搜索触发
 			search() {
 				this.loadingMoreStatus = 'loadmore'
 				this.rumorList = []
diff --git a/pages/rumor/rumor.vue b/pages/rumor/rumor.vue
index 3af5517..22da777 100644
--- a/pages/rumor/rumor.vue
+++ b/pages/rumor/rumor.vue
@@ -7,8 +7,9 @@
 			<view class="button2 button" @click="goRumorWebView">辟谣信息</view>
 		</view>
 		
+		<!-- 卡片 -->
 		<div class="article-answer-stack">  
-			<flipcard ref="stack" :pages="stackList" :stackInit="stackInit" @click="handleStackClicked"></flipcard>  
+			<flipcard ref="stack" :pages="stackList" :stackInit="stackInit"></flipcard>  
 		</div>  
 	</view>
 </template>
@@ -36,6 +37,7 @@
 							approveRate:'80%',
 							againstRate:'20%'
 						},
+						
 				],  
 			stackInit: {  
 				currentPage:0,  
@@ -52,22 +54,16 @@
 		},
 		// 点击辟谣信息
 		goRumorWebView() {
-			// wx.navigateTo({
-			// 	url: '/packageC/rumorWebView/rumorWebView'
-			// })
 			wx.navigateTo({
 				url: '/packageC/rumorInfo/rumorInfo'
 			})
 		},
-		// 点击我来查证
+		// 点击我来查证跳转其他小程序
 		goAnotherMiniProgranm() {
 			wx.navigateToMiniProgram({
 			  appId: 'wx52552ed6726aaa0b',
 			})
 		},
-		handleStackClicked() {
-			
-		},
 		// 获取谣言列表
 		fetchData() {
 			getRumorList({rumor:''}).then(res => {