diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}
diff --git a/packageB/supervisor/supervisor.vue b/packageB/supervisor/supervisor.vue
new file mode 100644
index 0000000..5dd2c72
--- /dev/null
+++ b/packageB/supervisor/supervisor.vue
@@ -0,0 +1,134 @@
+<!-- 举报指南 -->
+<template>
+	<view class="supervisor">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<view class="title">成为监督员</view>
+		
+		<!-- 1 -->
+		<view class="first">
+			<!-- <image :src="back1" style="width:100%;height: 360rpx;"></image> -->
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">①</text>
+				<text>申报资料填写</text>
+			</view>
+			<view class="content">
+				请下载并填写申报表
+			</view>
+		</view>
+		<!-- 2 -->
+		<view class="second first">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>当地组织报备</text>
+			</view>
+			<view class="content">
+				请将申报表提交所在组织（所在地网信办或所属组织）报备、审查
+			</view>
+		</view>
+		<!-- 3 -->
+		<view class="third second">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>组织审核</text>
+			</view>
+			<view class="content">
+				等待自治区网信办审核通过
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				back1: 'http://111.198.10.15:11604/png/back3.png',
+				back2: 'http://111.198.10.15:11604/png/back2.png',
+				back3: 'http://111.198.10.15:11604/png/back3.png',
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: '新疆网络举报',
+				imageUrl: '@/static/share.png',
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.supervisor {
+		padding: 40rpx;
+		.title {
+			color: #fff;
+			font-size: 44rpx;
+			font-weight: 600;
+		}
+		.process-title {
+			display: flex;
+			align-items: center;
+			font-size: 40rpx;
+			color: #3b84f5;
+			font-weight: 600;
+			letter-spacing: 2rpx;
+		}
+		.first {
+			margin-top: 100rpx;
+			width: 100%;
+			height: 360rpx;
+			background: url('http://111.198.10.15:11604/png/back3.png') no-repeat center;
+			background-size: contain;
+			padding: 60rpx 32rpx;
+			box-sizing: border-box;
+			.content {
+				color: #3b84f5;
+				text-align: center;
+				margin-top: 68rpx;
+			}
+		}
+		.second {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back2.png') no-repeat center;
+			background-size: contain;
+			margin-top: -94rpx;
+			color: #343333;
+			.content {
+				color: #4b4e54;
+				text-align: center;
+				margin-top: 32rpx;
+			}
+			.process-title {
+				color: #343333;
+				margin-top: 86rpx;
+			}
+		}
+		.third {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back1.png') no-repeat center;
+			background-size: contain;
+			margin-top: -146rpx;
+			color: #343333;
+			box-sizing: border-box;
+			padding: 60rpx 32rpx;
+			.content {
+				margin-top: 54rpx;
+				color: #4b4e54;
+			}
+		}
+	}
+</style>

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}
diff --git a/packageB/supervisor/supervisor.vue b/packageB/supervisor/supervisor.vue
new file mode 100644
index 0000000..5dd2c72
--- /dev/null
+++ b/packageB/supervisor/supervisor.vue
@@ -0,0 +1,134 @@
+<!-- 举报指南 -->
+<template>
+	<view class="supervisor">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<view class="title">成为监督员</view>
+		
+		<!-- 1 -->
+		<view class="first">
+			<!-- <image :src="back1" style="width:100%;height: 360rpx;"></image> -->
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">①</text>
+				<text>申报资料填写</text>
+			</view>
+			<view class="content">
+				请下载并填写申报表
+			</view>
+		</view>
+		<!-- 2 -->
+		<view class="second first">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>当地组织报备</text>
+			</view>
+			<view class="content">
+				请将申报表提交所在组织（所在地网信办或所属组织）报备、审查
+			</view>
+		</view>
+		<!-- 3 -->
+		<view class="third second">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>组织审核</text>
+			</view>
+			<view class="content">
+				等待自治区网信办审核通过
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				back1: 'http://111.198.10.15:11604/png/back3.png',
+				back2: 'http://111.198.10.15:11604/png/back2.png',
+				back3: 'http://111.198.10.15:11604/png/back3.png',
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: '新疆网络举报',
+				imageUrl: '@/static/share.png',
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.supervisor {
+		padding: 40rpx;
+		.title {
+			color: #fff;
+			font-size: 44rpx;
+			font-weight: 600;
+		}
+		.process-title {
+			display: flex;
+			align-items: center;
+			font-size: 40rpx;
+			color: #3b84f5;
+			font-weight: 600;
+			letter-spacing: 2rpx;
+		}
+		.first {
+			margin-top: 100rpx;
+			width: 100%;
+			height: 360rpx;
+			background: url('http://111.198.10.15:11604/png/back3.png') no-repeat center;
+			background-size: contain;
+			padding: 60rpx 32rpx;
+			box-sizing: border-box;
+			.content {
+				color: #3b84f5;
+				text-align: center;
+				margin-top: 68rpx;
+			}
+		}
+		.second {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back2.png') no-repeat center;
+			background-size: contain;
+			margin-top: -94rpx;
+			color: #343333;
+			.content {
+				color: #4b4e54;
+				text-align: center;
+				margin-top: 32rpx;
+			}
+			.process-title {
+				color: #343333;
+				margin-top: 86rpx;
+			}
+		}
+		.third {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back1.png') no-repeat center;
+			background-size: contain;
+			margin-top: -146rpx;
+			color: #343333;
+			box-sizing: border-box;
+			padding: 60rpx 32rpx;
+			.content {
+				margin-top: 54rpx;
+				color: #4b4e54;
+			}
+		}
+	}
+</style>
diff --git a/packageC/rumorWebView/rumorWebView.vue b/packageC/rumorWebView/rumorWebView.vue
new file mode 100644
index 0000000..40fabdc
--- /dev/null
+++ b/packageC/rumorWebView/rumorWebView.vue
@@ -0,0 +1,20 @@
+<template>
+	<web-view src="https://www.12377.cn/tzgg/2023/97841dc4_web.html" ></web-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}
diff --git a/packageB/supervisor/supervisor.vue b/packageB/supervisor/supervisor.vue
new file mode 100644
index 0000000..5dd2c72
--- /dev/null
+++ b/packageB/supervisor/supervisor.vue
@@ -0,0 +1,134 @@
+<!-- 举报指南 -->
+<template>
+	<view class="supervisor">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<view class="title">成为监督员</view>
+		
+		<!-- 1 -->
+		<view class="first">
+			<!-- <image :src="back1" style="width:100%;height: 360rpx;"></image> -->
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">①</text>
+				<text>申报资料填写</text>
+			</view>
+			<view class="content">
+				请下载并填写申报表
+			</view>
+		</view>
+		<!-- 2 -->
+		<view class="second first">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>当地组织报备</text>
+			</view>
+			<view class="content">
+				请将申报表提交所在组织（所在地网信办或所属组织）报备、审查
+			</view>
+		</view>
+		<!-- 3 -->
+		<view class="third second">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>组织审核</text>
+			</view>
+			<view class="content">
+				等待自治区网信办审核通过
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				back1: 'http://111.198.10.15:11604/png/back3.png',
+				back2: 'http://111.198.10.15:11604/png/back2.png',
+				back3: 'http://111.198.10.15:11604/png/back3.png',
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: '新疆网络举报',
+				imageUrl: '@/static/share.png',
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.supervisor {
+		padding: 40rpx;
+		.title {
+			color: #fff;
+			font-size: 44rpx;
+			font-weight: 600;
+		}
+		.process-title {
+			display: flex;
+			align-items: center;
+			font-size: 40rpx;
+			color: #3b84f5;
+			font-weight: 600;
+			letter-spacing: 2rpx;
+		}
+		.first {
+			margin-top: 100rpx;
+			width: 100%;
+			height: 360rpx;
+			background: url('http://111.198.10.15:11604/png/back3.png') no-repeat center;
+			background-size: contain;
+			padding: 60rpx 32rpx;
+			box-sizing: border-box;
+			.content {
+				color: #3b84f5;
+				text-align: center;
+				margin-top: 68rpx;
+			}
+		}
+		.second {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back2.png') no-repeat center;
+			background-size: contain;
+			margin-top: -94rpx;
+			color: #343333;
+			.content {
+				color: #4b4e54;
+				text-align: center;
+				margin-top: 32rpx;
+			}
+			.process-title {
+				color: #343333;
+				margin-top: 86rpx;
+			}
+		}
+		.third {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back1.png') no-repeat center;
+			background-size: contain;
+			margin-top: -146rpx;
+			color: #343333;
+			box-sizing: border-box;
+			padding: 60rpx 32rpx;
+			.content {
+				margin-top: 54rpx;
+				color: #4b4e54;
+			}
+		}
+	}
+</style>
diff --git a/packageC/rumorWebView/rumorWebView.vue b/packageC/rumorWebView/rumorWebView.vue
new file mode 100644
index 0000000..40fabdc
--- /dev/null
+++ b/packageC/rumorWebView/rumorWebView.vue
@@ -0,0 +1,20 @@
+<template>
+	<web-view src="https://www.12377.cn/tzgg/2023/97841dc4_web.html" ></web-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages.json b/pages.json
index 32ca911..980d2ab 100644
--- a/pages.json
+++ b/pages.json
@@ -24,7 +24,9 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "侵权举报",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
 			},
 			{
@@ -32,15 +34,18 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "谣言查证",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white",
+					"disableScroll":true
 				}
 			}
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#4390f7",
-		"backgroundColor": "#4390f7"
+		"navigationBarBackgroundColor": "#4390f7"
+		// "backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -78,14 +83,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageDetail/messageDetail",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息详情",
-					"enablePullDownRefresh": false
-				}	
-			},
-			{
 				"path" : "pages/search/search",
 				"style" :                                                                                    
 				{
@@ -165,46 +162,80 @@
 					"navigationBarBackgroundColor": "#4390f7",
 					"navigationBarTextStyle": "white"
 				}
-			},{
-					"path" : "recordDetail/recordDetail",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "详细信息",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
+			},
+			{
+				"path" : "recordDetail/recordDetail",
+				"style" :                                                                                    
 				{
-					"path" : "center/center",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "举报中心",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
-				{
-					"path" : "report/report",
-					"style" :                                                                                    
-						{
-							"navigationBarTitleText": "发布举报",
-							"enablePullDownRefresh": false,
-							"navigationBarBackgroundColor": "#4390f7",
-							"navigationBarTextStyle": "white"
-						}
+					"navigationBarTitleText": "详细信息",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
-				,{
-						"path" : "messageList/messageList",
-						"style" :                                                                                    
+			},
+			{
+				"path" : "center/center",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "举报中心",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "report/report",
+				"style" :                                                                                    
 					{
-						"navigationBarTitleText": "网信信息列表",
-						"enablePullDownRefresh": true,
+						"navigationBarTitleText": "发布举报",
+						"enablePullDownRefresh": false,
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+			},
+			{
+				"path" : "messageList/messageList",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息列表",
+					"enablePullDownRefresh": true,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "messageDetail/messageDetail",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息详情",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#eef2fe"
+				}	
+			},
+			{
+				"path" : "supervisor/supervisor",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "申请流程",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			}
+			]
+		},
+		{
+			"root": "packageC",//分包名
+			"pages": [
+				{
+					"path" : "rumorWebView/rumorWebView",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "11",
+						"enablePullDownRefresh": false
+					}
 				}
 			]
-	}]
+		}
+	]
 }

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}
diff --git a/packageB/supervisor/supervisor.vue b/packageB/supervisor/supervisor.vue
new file mode 100644
index 0000000..5dd2c72
--- /dev/null
+++ b/packageB/supervisor/supervisor.vue
@@ -0,0 +1,134 @@
+<!-- 举报指南 -->
+<template>
+	<view class="supervisor">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<view class="title">成为监督员</view>
+		
+		<!-- 1 -->
+		<view class="first">
+			<!-- <image :src="back1" style="width:100%;height: 360rpx;"></image> -->
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">①</text>
+				<text>申报资料填写</text>
+			</view>
+			<view class="content">
+				请下载并填写申报表
+			</view>
+		</view>
+		<!-- 2 -->
+		<view class="second first">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>当地组织报备</text>
+			</view>
+			<view class="content">
+				请将申报表提交所在组织（所在地网信办或所属组织）报备、审查
+			</view>
+		</view>
+		<!-- 3 -->
+		<view class="third second">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>组织审核</text>
+			</view>
+			<view class="content">
+				等待自治区网信办审核通过
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				back1: 'http://111.198.10.15:11604/png/back3.png',
+				back2: 'http://111.198.10.15:11604/png/back2.png',
+				back3: 'http://111.198.10.15:11604/png/back3.png',
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: '新疆网络举报',
+				imageUrl: '@/static/share.png',
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.supervisor {
+		padding: 40rpx;
+		.title {
+			color: #fff;
+			font-size: 44rpx;
+			font-weight: 600;
+		}
+		.process-title {
+			display: flex;
+			align-items: center;
+			font-size: 40rpx;
+			color: #3b84f5;
+			font-weight: 600;
+			letter-spacing: 2rpx;
+		}
+		.first {
+			margin-top: 100rpx;
+			width: 100%;
+			height: 360rpx;
+			background: url('http://111.198.10.15:11604/png/back3.png') no-repeat center;
+			background-size: contain;
+			padding: 60rpx 32rpx;
+			box-sizing: border-box;
+			.content {
+				color: #3b84f5;
+				text-align: center;
+				margin-top: 68rpx;
+			}
+		}
+		.second {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back2.png') no-repeat center;
+			background-size: contain;
+			margin-top: -94rpx;
+			color: #343333;
+			.content {
+				color: #4b4e54;
+				text-align: center;
+				margin-top: 32rpx;
+			}
+			.process-title {
+				color: #343333;
+				margin-top: 86rpx;
+			}
+		}
+		.third {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back1.png') no-repeat center;
+			background-size: contain;
+			margin-top: -146rpx;
+			color: #343333;
+			box-sizing: border-box;
+			padding: 60rpx 32rpx;
+			.content {
+				margin-top: 54rpx;
+				color: #4b4e54;
+			}
+		}
+	}
+</style>
diff --git a/packageC/rumorWebView/rumorWebView.vue b/packageC/rumorWebView/rumorWebView.vue
new file mode 100644
index 0000000..40fabdc
--- /dev/null
+++ b/packageC/rumorWebView/rumorWebView.vue
@@ -0,0 +1,20 @@
+<template>
+	<web-view src="https://www.12377.cn/tzgg/2023/97841dc4_web.html" ></web-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages.json b/pages.json
index 32ca911..980d2ab 100644
--- a/pages.json
+++ b/pages.json
@@ -24,7 +24,9 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "侵权举报",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
 			},
 			{
@@ -32,15 +34,18 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "谣言查证",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white",
+					"disableScroll":true
 				}
 			}
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#4390f7",
-		"backgroundColor": "#4390f7"
+		"navigationBarBackgroundColor": "#4390f7"
+		// "backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -78,14 +83,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageDetail/messageDetail",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息详情",
-					"enablePullDownRefresh": false
-				}	
-			},
-			{
 				"path" : "pages/search/search",
 				"style" :                                                                                    
 				{
@@ -165,46 +162,80 @@
 					"navigationBarBackgroundColor": "#4390f7",
 					"navigationBarTextStyle": "white"
 				}
-			},{
-					"path" : "recordDetail/recordDetail",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "详细信息",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
+			},
+			{
+				"path" : "recordDetail/recordDetail",
+				"style" :                                                                                    
 				{
-					"path" : "center/center",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "举报中心",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
-				{
-					"path" : "report/report",
-					"style" :                                                                                    
-						{
-							"navigationBarTitleText": "发布举报",
-							"enablePullDownRefresh": false,
-							"navigationBarBackgroundColor": "#4390f7",
-							"navigationBarTextStyle": "white"
-						}
+					"navigationBarTitleText": "详细信息",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
-				,{
-						"path" : "messageList/messageList",
-						"style" :                                                                                    
+			},
+			{
+				"path" : "center/center",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "举报中心",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "report/report",
+				"style" :                                                                                    
 					{
-						"navigationBarTitleText": "网信信息列表",
-						"enablePullDownRefresh": true,
+						"navigationBarTitleText": "发布举报",
+						"enablePullDownRefresh": false,
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+			},
+			{
+				"path" : "messageList/messageList",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息列表",
+					"enablePullDownRefresh": true,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "messageDetail/messageDetail",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息详情",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#eef2fe"
+				}	
+			},
+			{
+				"path" : "supervisor/supervisor",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "申请流程",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			}
+			]
+		},
+		{
+			"root": "packageC",//分包名
+			"pages": [
+				{
+					"path" : "rumorWebView/rumorWebView",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "11",
+						"enablePullDownRefresh": false
+					}
 				}
 			]
-	}]
+		}
+	]
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 4b08bc9..355f531 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,7 +3,7 @@
 	<view class="index">
 		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :interval="3000" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
 						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
@@ -137,7 +137,7 @@
 						url: '/packageB/center/center'
 					})
 				}
-				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
+				else if(val === 'rules' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -147,9 +147,9 @@
 					wx.navigateTo({
 						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') { // 成为监督员
+				} else if(val === 'jdy') { // 成为监督员
 					wx.navigateTo({
-						url: `/packageA/pages/search/search`
+						url: `/packageB/supervisor/supervisor`
 					})
 				}
 			}

diff --git a/common/utils.js b/common/utils.js
index 126f531..76faf0d 100644
--- a/common/utils.js
+++ b/common/utils.js
@@ -247,3 +247,69 @@
   return Math.floor(Math.random() * (m - n + 1) + n);
 }
 
+// #ifdef APP-NVUE  
+const dom = uni.requireNativePlugin("dom")  
+// #endif  
+  
+export function getElSize(name, ins) {  
+	return new Promise((res, rej) => {  
+		// #ifndef APP-NVUE  
+		const el = uni.createSelectorQuery().in(ins).select('#' + name);  
+		el.fields({  
+			size: true,  
+			rect: true  
+		}, (data) => {  
+			if (data) {  
+					res(data);  
+			} else {  
+					rej({})  
+			}  
+		}).exec();  
+		// #endif  
+		// #ifdef APP-NVUE  
+		let _el = ins.$refs[name][0]  
+		if (!_el) {  
+			_el = ins.$refs[name]  
+		}  
+		dom.getComponentRect(_el, (data) => {  
+			if (data.result) {  
+					res(data.size)  
+			} else {  
+					rej({})  
+			}  
+		})  
+		// #endif  
+	})  
+}  
+  
+export function getTouchPoint(e) {  
+	if (!e) {  
+		return {  
+			x: 0,  
+			y: 0,  
+			sX: 0,  
+			sY: 0  
+		}  
+	}  
+	if (e.touches && e.touches[0]) {  
+		return {  
+			x: e.touches[0].pageX,  
+			y: e.touches[0].pageY,  
+			sX: e.touches[0].screenX,  
+			sY: e.touches[0].screenY  
+		}  
+	} else if (e.changedTouches && e.changedTouches[0]) {  
+		return {  
+			x: e.changedTouches[0].pageX,  
+			y: e.changedTouches[0].pageY,  
+			sX: e.changedTouches[0].screenX,  
+			sY: e.changedTouches[0].screenY  
+		}  
+	} else {  
+		return {  
+			x: e.clientX,  
+			y: e.clientY  
+		}  
+	}  
+}  
+
diff --git a/components/card.vue b/components/card.vue
new file mode 100644
index 0000000..7f9c8aa
--- /dev/null
+++ b/components/card.vue
@@ -0,0 +1,480 @@
+<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-stack-info">  
+				<view style="display: flex;justify-content: space-between;">
+					<view class="t3">一起来识谣</view>
+					<view class="t4">已投票</view> 
+				</view>
+				
+				<!-- 谣言 -->
+				<view class="yy-content">
+					<view class="text">谣言:</view>
+					<view class="title">
+						支持公众投票，来区分某条信息是否是谣言，支持公众投票，来区分某条众投票，言，支持公众投票，
+					</view>
+					<view class="source">
+						来源：新疆网络举报
+					</view>
+				</view>
+				
+				<!-- 投票 -->
+				<view class="tp">
+					<view class="real">
+						<text>真</text>
+						<text>1212312</text>
+					</view>
+					<view class="fail">
+						<text>142353245</text>
+						<text>假</text>
+					</view>
+				</view>
+			</view>  
+		</view>  
+	</view>  
+</template>  
+  
+<script>  
+    import { getTouchPoint, getElSize } from '@/common/utils.js'  
+    export default {  
+			props: {  
+				pages: {  
+						type: Array,  
+						default: []  
+				},  
+				stackInit: {  
+						type: Object,  
+						default: {}  
+				},  
+			},  
+			data() {  
+				return {  
+					el: {},  
+					basicdata: {  
+						start: {},  
+						end: {}  
+					},  
+					temporaryData: {  
+						isStackClick: true, // 多了一个参数  
+						offsetY: '',  
+						poswidth: 0,  
+						posheight: 0,  
+						lastPosWidth: '',  
+						lastPosHeight: '',  
+						lastZindex: '',  
+						rotate: 0,  
+						lastRotate: 0,  
+						visible: this.stackInit.visible || 3, // 展示几个  
+						tracking: false,  
+						animation: false,  
+						currentPage: this.stackInit.currentPage || 0, // 当前第几个  
+						opacity: 1,  
+						lastOpacity: 0,  
+						swipe: false,  
+						zIndex: 10  
+					}  
+				}  
+			},  
+			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  
+					return ratio > 1 ? 1 : ratio  
+				},  
+				// 划出宽度比例  
+				offsetWidthRatio() {  
+					let width = this.el.offsetWidth  
+					let offsetWidth = width - Math.abs(this.temporaryData.poswidth)  
+					let ratio = 1 - offsetWidth / width || 0  
+					return ratio  
+				}  
+			},  
+			created() {  
+				this.$nextTick(async e => {  
+					this.el = await getElSize('flipcard', this)  
+				})  
+			},  
+			methods: {  
+				touchstart(e) {  
+					if (this.temporaryData.tracking) {  
+						return  
+					}  
+					// 是否为touch  
+					if (e.type === 'touchstart') {  
+						if (e.touches.length > 1) {  
+							this.temporaryData.tracking = false  
+							return  
+						} else {  
+							// 记录起始位置  
+							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.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)  
+						}  
+							// 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  
+				},  
+				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  
+					}  
+				},  
+				touchend(e, index) {  
+					console.log(this.temporaryData.isStackClick)  
+					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)  
+						this.temporaryData.poswidth = this.temporaryData.poswidth >= 0 ? this.temporaryData.poswidth + 200 :  
+								this.temporaryData.poswidth - 200  
+						this.temporaryData.posheight = this.temporaryData.posheight >= 0 ? Math.abs(this.temporaryData  
+								.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  
+					}  
+				},  
+				nextTick() {  
+					// 记录最终滑动距离  
+					this.temporaryData.lastPosWidth = this.temporaryData.poswidth  
+					this.temporaryData.lastPosHeight = this.temporaryData.posheight  
+					this.temporaryData.lastRotate = this.temporaryData.rotate  
+					this.temporaryData.lastZindex = 20  
+					// 循环currentPage  
+					this.temporaryData.currentPage = this.temporaryData.currentPage === this.pages.length - 1 ? 0 : this  
+							.temporaryData.currentPage + 1  
+					// currentPage切换，整体dom进行变化，把第一层滑动置最低  
+					this.$nextTick(() => {  
+						this.temporaryData.poswidth = 0  
+						this.temporaryData.posheight = 0  
+						this.temporaryData.opacity = 1  
+						this.temporaryData.rotate = 0  
+					})  
+				},  
+				onTransitionEnd(index, log) {  
+					let lastPage = this.temporaryData.currentPage === 0 ? this.pages.length - 1 : this.temporaryData  
+							.currentPage - 1  
+					// dom发生变化正在执行的动画滑动序列已经变为上一层  
+					if (this.temporaryData.swipe && index === lastPage) {  
+						this.temporaryData.animation = true  
+						this.temporaryData.lastPosWidth = 0  
+						this.temporaryData.lastPosHeight = 0  
+						this.temporaryData.lastOpacity = 0  
+						this.temporaryData.lastRotate = 0  
+						this.temporaryData.swipe = false  
+						this.temporaryData.lastZindex = -1  
+					}  
+				},  
+				prev() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = -width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '-3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				next() {  
+					this.temporaryData.tracking = false  
+					this.temporaryData.animation = true  
+					// 计算划出后最终位置  
+					let width = this.el.width  
+					this.temporaryData.poswidth = width  
+					this.temporaryData.posheight = 0  
+					this.temporaryData.opacity = 0  
+					this.temporaryData.rotate = '3'  
+					this.temporaryData.swipe = true  
+					this.nextTick()  
+				},  
+				rotateDirection() {  
+					if (this.temporaryData.poswidth <= 0) {  
+							return -1  
+					} else {  
+							return 1  
+					}  
+				},  
+				angleRatio() {  
+					let height = this.el.height  
+					let offsetY = this.temporaryData.offsetY  
+					let ratio = -1 * (2 * offsetY / height - 1)  
+					return ratio || 0  
+				},  
+				inStack(index, currentPage) {  
+					let stack = []  
+					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)  
+							}  
+					}  
+					return stack.indexOf(index) >= 0  
+				},  
+				// 非首页样式切换  
+				transform(index) {  
+					let currentPage = this.temporaryData.currentPage  
+					let length = this.pages.length  
+					let lastPage = currentPage === 0 ? this.pages.length - 1 : currentPage - 1  
+					let style = {}  
+					let visible = this.temporaryData.visible  
+					if (index === this.temporaryData.currentPage) {  
+							return  
+					}  
+					if (this.inStack(index, currentPage)) {  
+							let perIndex = index - currentPage > 0 ? index - currentPage : index - currentPage + length  
+							style['opacity'] = '1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * 60 * (perIndex - this.offsetRatio) + 'px' + ')'  
+							style['zIndex'] = visible - perIndex  
+								
+							if (!this.temporaryData.tracking) {    
+									style['transitionTimingFunction'] = 'ease'    
+									style['transitionDuration'] = 300 + 'ms'    
+							}  
+					} else if (index === lastPage) {  
+							style['transform'] = 'translate3D(' + this.temporaryData.lastPosWidth + 'px' + ',' + this.temporaryData  
+									.lastPosHeight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.lastRotate + 'deg)'  
+							style['opacity'] = this.temporaryData.lastOpacity  
+							style['zIndex'] = this.temporaryData.lastZindex  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = 300 + 'ms'  
+					} else {  
+							style['zIndex'] = '-1'  
+							style['transform'] = 'translate3D(0,0,' + -1 * visible * 60 + 'px' + ')'  
+					}  
+					return style  
+				},  
+				// 首页样式切换  
+				transformIndex(index) {  
+					if (index === this.temporaryData.currentPage) {  
+						let style = {}  
+						style['transform'] = 'translate3D(' + this.temporaryData.poswidth + 'px' + ',' + this.temporaryData  
+								.posheight + 'px' + ',0px) ' + 'rotate(' + this.temporaryData.rotate + 'deg)'  
+						style['opacity'] = this.temporaryData.opacity  
+						style['zIndex'] = 10  
+						if (this.temporaryData.animation) {  
+							style['transitionTimingFunction'] = 'ease'    
+							style['transitionDuration'] = (this.temporaryData.animation ? 300 : 0) + 'ms'    
+						}  
+						return style  
+					}  
+				},  
+			}  
+    }  
+</script>  
+  
+<style lang="scss" scoped>  
+		@import '../common/variables.scss';
+    .flipcard {  
+			width: 100%;  
+			// height: 100%;  
+			height: 600rpx;  
+			position: relative;  
+			// 层叠效果
+			perspective: 2000rpx;  
+			perspective-origin: 50% 150%;  
+			-webkit-perspective: 1000px;  
+			-webkit-perspective-origin: 50% 150%;  
+			margin: 0;  
+			padding: 0;  
+  
+			&-item {  
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				height: 100%;  
+				width: 100%;  
+				border-radius: 30rpx;  
+				overflow: hidden;  
+				position: absolute;  
+				opacity: 0;  
+				display: -webkit-flex;  
+				display: flex;  
+				-webkit-flex-direction: column;  
+				flex-direction: column;  
+				-webkit-touch-callout: none;  
+				-webkit-user-select: none;  
+				-khtml-user-select: none;  
+				-moz-user-select: none;  
+				-ms-user-select: none;  
+				user-select: none;  
+				pointer-events: auto;  
+				padding: 30rpx;  
+				/* #ifndef APP-NVUE */  
+				box-sizing: border-box;  
+				/* #endif */  
+				box-shadow: 0px 2rpx 30rpx 0px rgba(94, 114, 153, 0.3);  
+				&-stack-info {  
+					.t3 {  
+						padding: 10rpx 30rpx;  
+						background-color: #fff;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}  
+					.t4 {
+						padding: 10rpx 30rpx;
+						background-color: #ccc;
+						color: #0043ac;
+						font-weight: 600;
+						width: fit-content;
+						border-radius: 16rpx;
+						margin-bottom: 32rpx;
+					}
+					.yy-content {
+						background-color: red;
+						padding: 10rpx 30rpx;
+						border-radius: 16rpx;
+						background-color: #fff;
+						.text {
+							color: #0043ac;
+							font-weight: 600;
+						}
+						.title {
+							color: #000;
+							font-size: 36rpx;
+							font-weight: 600;
+							margin-top: 32rpx;
+							@include exceeding-line-overflow(3);
+						}
+						.source {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+							color: #c1c1c1;
+							margin-bottom: 20rpx;
+						}
+					}
+					
+					// 投票
+					.tp {
+						display: flex;
+						width: 100%;
+						margin-top: 32rpx;
+						border-radius: 16rpx;
+						overflow: hidden;
+						color: #fff;
+						background-color: #fff;
+						.real {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							padding: 0 10rpx;
+							// border: 2rpx solid green;
+							border-right: none;
+							background-color: #21a366;
+						}
+						.fail {
+							display: flex;
+							justify-content: space-between;
+							flex: 1;
+							text-align: right;
+							background-color: #cc463d;
+							padding: 0 10rpx;
+							// border: 1rpx solid red;
+							border-left: none;
+						}
+					}
+					.problem {  
+						height: 180rpx;  
+						overflow: hidden;  
+						text-overflow: ellipsis;  
+
+						.problem-text {  
+							font-size: 32rpx;  
+							color: #333333;  
+							line-height: 46rpx;  
+						}  
+					}  
+
+					.desc {  
+						margin-top: 36rpx;  
+
+						.desc-text {  
+								font-size: 26rpx;  
+								color: #999999;  
+						}  
+					}  
+
+					.bottom-box {  
+						bottom: 30rpx;  
+						left: 30rpx;  
+
+						.avatar {  
+								width: 80rpx;  
+								height: 80rpx;  
+								border-radius: 50%;  
+								margin-right: 20rpx;  
+						}  
+
+						.name {  
+							font-size: 28rpx;  
+							color: #AAAAAA;  
+						}  
+					}  
+				}  
+			}  
+    }  
+</style>  
\ No newline at end of file
diff --git a/components/index/eventList.vue b/components/index/eventList.vue
deleted file mode 100644
index 729a3c5..0000000
--- a/components/index/eventList.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<!-- 组件：事件列表 -->
-<template>
-	<view class="event-list">
-		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
-			<view class="left">
-				<text class="title">{{item.title}}</text>
-				<text class="time">{{item.time}}</text>
-			</view>
-			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'EventList',
-		props: {
-			list: Array,
-			default: () => []
-		},
-		data() {
-			return {
-			}
-		},
-		methods: {
-			handleClick(val) {
-				wx.navigateTo({
-					url: `/packageA/pages/messageDetail/messageDetail`
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../common/variables.scss';
-	.event-list {
-		width: 100%;
-		box-sizing: border-box;
-		.event-item {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			width: 100%;
-			height: 240rpx;
-			padding: 20rpx 32rpx;
-			background-color: #fff;
-			box-sizing: border-box;
-			margin-top: 20rpx;
-			.left {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				margin-right: 20rpx;
-				.title {
-					font-size: 32rpx;
-					color: #000;
-					@include exceeding-line-overflow(3);
-				}
-				.time {
-					font-size: 28rpx;
-					color: #c1c1c1;
-				}
-			}
-			.right {
-				width: 100rpx;
-				height: 100rpx;
-			}
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/packageA/pages/messageDetail/messageDetail.vue b/packageA/pages/messageDetail/messageDetail.vue
deleted file mode 100644
index 2baf8c4..0000000
--- a/packageA/pages/messageDetail/messageDetail.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!-- 页面：网信信息详情 -->
-<template>
-	<view class="message-detail">
-		<view class="title">{{title}}</view>
-		<view class="time">{{time}}</view>
-		<view class="time source">来源：{{ source}}</view>
-		<view class="line"></view>
-		<view class="content" v-for="(item, index) in content" :key="index">
-			<image src="../../../static/share.png" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image>
-			<view class="text">{{item.value}}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '深刻的监控设备VS大V和SVis道刻的监控设备VSSVis道刻的监控设备VS大V和SVis道具具欧式是OSID剧哦SV',
-				time: '2022-12-12 12:12:12',
-				source: '某某某工作室',
-				content: [
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-					{
-						img: '../../../static/share.png',
-						value: '阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,阿萨斯多阿斯傻傻的澳双方奥安徽师范啊同时符合澳双方,'
-					},
-				]
-			}
-		},
-		mounted(){
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ["shareAppMessage", "shareTimeline"]
-			});
-		},
-		//分享好友
-		onShareAppMessage() {
-			return {
-				title: this.title,
-				imageUrl: this.content[0].img,
-				path: "/pages/messageDetail/messageDetail",
-			};
-		},
-		//分享朋友圈
-		onShareTimeline() {
-			return {
-				title: this.title,
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.message-detail {
-		min-height: 100%;
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		background-color: #fff;
-		box-sizing: border-box;
-		overflow: auto;
-		// 标题
-		.title {
-			font-size: 38rpx;
-			color: #000;
-			font-weight: 600;
-		}
-		// 时间
-		.time {
-			font-size: 28rpx;
-			color: #a4a4a4;
-			margin-top: 44rpx;
-		}
-		// 来源
-		.source {
-			margin-top: 8rpx;
-		}
-		// 分割线
-		.line {
-			width: 100%;
-			height: 1rpx;
-			background-color: #eeeeee;
-			margin: 46rpx 0;
-		}
-		// 内容
-		.content {
-			.text {
-				margin: 32rpx 0;
-				font-weight: 32rpx;
-				line-height: 58rpx;
-				text-indent: 64rpx; //缩进
-				text-align: justify; //文字两端对齐
-			}
-		}
-	}
-</style>
diff --git a/packageA/pages/search/search.vue b/packageA/pages/search/search.vue
index cc60526..3d55f0c 100644
--- a/packageA/pages/search/search.vue
+++ b/packageA/pages/search/search.vue
@@ -19,7 +19,7 @@
 		</view>
 		
 		<view class="event-area">
-			<EventList :list="eventList"/>
+			<!-- <EventList :list="eventList"/> -->
 		</view>
 		
 		<!-- 加载更多 -->
@@ -45,11 +45,11 @@
 </template>
 
 <script>
-	import EventList from '@/components/index/eventList.vue';
+	// import EventList from '@/components/index/eventList.vue';
 	export default {
 		name: 'Search',
 		components: {
-			EventList
+			// EventList
 		},
 		data() {
 			return {
diff --git a/packageB/center/center.vue b/packageB/center/center.vue
index 3986ff0..99507dc 100644
--- a/packageB/center/center.vue
+++ b/packageB/center/center.vue
@@ -88,7 +88,6 @@
 			.content-main {
 				display: flex;
 				align-items: center;
-				background: red;
 				background: linear-gradient(to bottom, #4f8dfa 0%, #45a6fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
diff --git a/packageB/components/eventList.vue b/packageB/components/eventList.vue
new file mode 100644
index 0000000..330898e
--- /dev/null
+++ b/packageB/components/eventList.vue
@@ -0,0 +1,74 @@
+<!-- 组件：事件列表 -->
+<template>
+	<view class="event-list">
+		<view class="event-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
+			<view class="left">
+				<text class="title">{{item.title}}</text>
+				<text class="time">{{item.time}}</text>
+			</view>
+			<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'EventList',
+		props: {
+			list: Array,
+			default: () => []
+		},
+		data() {
+			return {
+			}
+		},
+		methods: {
+			handleClick(val) {
+				wx.navigateTo({
+					url: '../messageDetail/messageDetail'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import '../../common/variables.scss';
+	.event-list {
+		width: 100%;
+		box-sizing: border-box;
+		.event-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			width: 100%;
+			height: 240rpx;
+			padding: 20rpx 32rpx;
+			background-color: #fff;
+			box-sizing: border-box;
+			margin-top: 32rpx;
+			border-radius: 16rpx;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
+			.left {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				margin-right: 20rpx;
+				.title {
+					font-size: 32rpx;
+					color: #000;
+					@include exceeding-line-overflow(3);
+				}
+				.time {
+					font-size: 28rpx;
+					color: #c1c1c1;
+				}
+			}
+			.right {
+				width: 100rpx;
+				height: 100rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/packageB/components/record.vue b/packageB/components/record.vue
index 6086ba5..95f1aa9 100644
--- a/packageB/components/record.vue
+++ b/packageB/components/record.vue
@@ -3,7 +3,10 @@
 		<view class="record-item" v-for="item in list" :key="item.code" @click="handleClick(item.code)">
 			<view class="left">
 				<text class="code">{{item.code}}</text>
-				<text class="time">{{item.time}}</text>
+				<view class="time">
+					<u-icon name="clock" customStyle="margin-right: 10rpx;" ></u-icon> 
+					{{item.time}}
+				</view>
 			</view>
 			<view :class="item.status === '已评估' ? 'green right' : 'right'">
 				{{item.status}}
@@ -57,7 +60,7 @@
 			justify-content: space-between;
 			background: #fff;
 			border-radius: 16rpx;
-			box-shadow: 4px 5px 7px #ccc;
+			box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
 			margin-top: 32rpx;
 			padding: 40rpx 32rpx;
 			&:first-child {
@@ -72,8 +75,10 @@
 					color: #000;
 				}
 				.time {
+					display: flex;
+					align-items: center;
 					margin-top: 20rpx;
-					color: #333;
+					color: #a0a1a4;
 				}
 			}
 			.right {
diff --git a/packageB/messageDetail/messageDetail.vue b/packageB/messageDetail/messageDetail.vue
new file mode 100644
index 0000000..5f3b72a
--- /dev/null
+++ b/packageB/messageDetail/messageDetail.vue
@@ -0,0 +1,101 @@
+<!-- 页面：网信信息详情 -->
+<template>
+	<view class="message-detail">
+		<view class="title">{{title}}</view>
+		<view class="time">{{time}}</view>
+		<view class="time source">来源：{{ source}}</view>
+		<view class="line"></view>
+		<view class="content" v-for="(item, index) in content" :key="index">
+			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
+			<view class="text">{{item.value}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '中国新发展 世界新机遇',
+				time: '2022-12-12 12:12:12',
+				source: '某某某工作室',
+				content: [
+					{
+						img: 'http://111.198.10.15:11604/png/back1.png',
+						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
+					},
+					{
+						img: 'http://111.198.10.15:11604/png/back2.png',
+						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
+					},
+				]
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: this.title,
+				imageUrl: this.content[0].img,
+				path: "/pages/messageDetail/messageDetail",
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: this.title,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.message-detail {
+		min-height: 100%;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
+		box-sizing: border-box;
+		overflow: auto;
+		// 标题
+		.title {
+			font-size: 38rpx;
+			color: #000;
+			font-weight: 600;
+		}
+		// 时间
+		.time {
+			font-size: 28rpx;
+			color: #a4a4a4;
+			margin-top: 44rpx;
+		}
+		// 来源
+		.source {
+			margin-top: 8rpx;
+		}
+		// 分割线
+		.line {
+			width: 100%;
+			height: 1rpx;
+			background-color: #eeeeee;
+			margin: 46rpx 0;
+		}
+		// 内容
+		.content {
+			.text {
+				margin: 32rpx 0;
+				font-weight: 32rpx;
+				line-height: 58rpx;
+				text-indent: 64rpx; //缩进
+				text-align: justify; //文字两端对齐
+			}
+		}
+	}
+</style>
diff --git a/packageB/messageList/messageList.vue b/packageB/messageList/messageList.vue
index 58a4a51..4651053 100644
--- a/packageB/messageList/messageList.vue
+++ b/packageB/messageList/messageList.vue
@@ -30,8 +30,12 @@
 		<u-back-top 
 			:scroll-top="scrollTop" 
 			icon="arrow-up" 
-			customStyle="background: #4390f7;"
-			:iconStyle="iconStyle"
+			customStyle="background: rgba(67, 144, 247, .7)"
+			:iconStyle="{
+					fontSize: '32rpx',
+					color: '#fff',
+					fontWeight: '600'
+				}"
 			duration="200"
 		></u-back-top>
 		
@@ -49,7 +53,7 @@
 </template>
 
 <script>
-	import EventList from '../../components/index/eventList.vue';
+	import EventList from '../components/eventList.vue';
 	import { getLocationParams } from '../../common/utils.js';
 	export default {
 		name: 'MessageList',
@@ -59,11 +63,6 @@
 		data() {
 			return {
 				isEmpty: false,   //数据是否为空
-				iconStyle: {
-					fontSize: '32rpx',
-					color: '#fff',
-					fontWeight: '600'
-				},
 				scrollTop: 0,
 				currentTab: '0', //当前选中的标签的索引
 				status: 'loadmore', //上滑加载状态 loading加载中，nomore没有更多了
@@ -199,24 +198,6 @@
 					this.eventList = [
 						
 					]
-				} else if((val && val.index === 2) || currentTab === '2') {
-					this.eventList = [
-						{
-							title: '网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-						{
-							title: '网络辟谣网络辟谣网络辟谣',
-							time: '2121-12-12 12:02:20',
-							img: '../../static/share.png'
-						},
-					]
 				}
 			}
 		}
diff --git a/packageB/supervisor/supervisor.vue b/packageB/supervisor/supervisor.vue
new file mode 100644
index 0000000..5dd2c72
--- /dev/null
+++ b/packageB/supervisor/supervisor.vue
@@ -0,0 +1,134 @@
+<!-- 举报指南 -->
+<template>
+	<view class="supervisor">
+		<image src="../../static/index/back.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
+		<view class="title">成为监督员</view>
+		
+		<!-- 1 -->
+		<view class="first">
+			<!-- <image :src="back1" style="width:100%;height: 360rpx;"></image> -->
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">①</text>
+				<text>申报资料填写</text>
+			</view>
+			<view class="content">
+				请下载并填写申报表
+			</view>
+		</view>
+		<!-- 2 -->
+		<view class="second first">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>当地组织报备</text>
+			</view>
+			<view class="content">
+				请将申报表提交所在组织（所在地网信办或所属组织）报备、审查
+			</view>
+		</view>
+		<!-- 3 -->
+		<view class="third second">
+			<view class="process-title"> 
+				<text style="font-size: 46rpx;margin-right: 20rpx;">②</text>
+				<text>组织审核</text>
+			</view>
+			<view class="content">
+				等待自治区网信办审核通过
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				back1: 'http://111.198.10.15:11604/png/back3.png',
+				back2: 'http://111.198.10.15:11604/png/back2.png',
+				back3: 'http://111.198.10.15:11604/png/back3.png',
+			}
+		},
+		mounted(){
+			uni.showShareMenu({
+				withShareTicket: true,
+				menus: ["shareAppMessage", "shareTimeline"]
+			});
+		},
+		//分享好友
+		onShareAppMessage() {
+			return {
+				title: '新疆网络举报',
+				imageUrl: '@/static/share.png',
+			};
+		},
+		//分享朋友圈
+		onShareTimeline() {
+			return {
+				title: '新疆网络举报',
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.supervisor {
+		padding: 40rpx;
+		.title {
+			color: #fff;
+			font-size: 44rpx;
+			font-weight: 600;
+		}
+		.process-title {
+			display: flex;
+			align-items: center;
+			font-size: 40rpx;
+			color: #3b84f5;
+			font-weight: 600;
+			letter-spacing: 2rpx;
+		}
+		.first {
+			margin-top: 100rpx;
+			width: 100%;
+			height: 360rpx;
+			background: url('http://111.198.10.15:11604/png/back3.png') no-repeat center;
+			background-size: contain;
+			padding: 60rpx 32rpx;
+			box-sizing: border-box;
+			.content {
+				color: #3b84f5;
+				text-align: center;
+				margin-top: 68rpx;
+			}
+		}
+		.second {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back2.png') no-repeat center;
+			background-size: contain;
+			margin-top: -94rpx;
+			color: #343333;
+			.content {
+				color: #4b4e54;
+				text-align: center;
+				margin-top: 32rpx;
+			}
+			.process-title {
+				color: #343333;
+				margin-top: 86rpx;
+			}
+		}
+		.third {
+			width: 100%;
+			height: 460rpx;
+			background: url('http://111.198.10.15:11604/png/back1.png') no-repeat center;
+			background-size: contain;
+			margin-top: -146rpx;
+			color: #343333;
+			box-sizing: border-box;
+			padding: 60rpx 32rpx;
+			.content {
+				margin-top: 54rpx;
+				color: #4b4e54;
+			}
+		}
+	}
+</style>
diff --git a/packageC/rumorWebView/rumorWebView.vue b/packageC/rumorWebView/rumorWebView.vue
new file mode 100644
index 0000000..40fabdc
--- /dev/null
+++ b/packageC/rumorWebView/rumorWebView.vue
@@ -0,0 +1,20 @@
+<template>
+	<web-view src="https://www.12377.cn/tzgg/2023/97841dc4_web.html" ></web-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages.json b/pages.json
index 32ca911..980d2ab 100644
--- a/pages.json
+++ b/pages.json
@@ -24,7 +24,9 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "侵权举报",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
 			},
 			{
@@ -32,15 +34,18 @@
 				"style" :                                                                                    
 				{
 					"navigationBarTitleText": "谣言查证",
-					"enablePullDownRefresh": false
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white",
+					"disableScroll":true
 				}
 			}
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "新疆网络举报",
-		"navigationBarBackgroundColor": "#4390f7",
-		"backgroundColor": "#4390f7"
+		"navigationBarBackgroundColor": "#4390f7"
+		// "backgroundColor": "#4390f7"
 	},
 	"tabBar": {
 		"color": "#424242",
@@ -78,14 +83,6 @@
 		"root": "packageA",//分包名
 		"pages": [
 			{
-				"path" : "pages/messageDetail/messageDetail",
-				"style" :                                                                                    
-				{
-					"navigationBarTitleText": "网信信息详情",
-					"enablePullDownRefresh": false
-				}	
-			},
-			{
 				"path" : "pages/search/search",
 				"style" :                                                                                    
 				{
@@ -165,46 +162,80 @@
 					"navigationBarBackgroundColor": "#4390f7",
 					"navigationBarTextStyle": "white"
 				}
-			},{
-					"path" : "recordDetail/recordDetail",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "详细信息",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
+			},
+			{
+				"path" : "recordDetail/recordDetail",
+				"style" :                                                                                    
 				{
-					"path" : "center/center",
-					"style" :                                                                                    
-					{
-						"navigationBarTitleText": "举报中心",
-						"enablePullDownRefresh": false,
-						"navigationBarBackgroundColor": "#4390f7",
-						"navigationBarTextStyle": "white"
-					}
-				},
-				{
-					"path" : "report/report",
-					"style" :                                                                                    
-						{
-							"navigationBarTitleText": "发布举报",
-							"enablePullDownRefresh": false,
-							"navigationBarBackgroundColor": "#4390f7",
-							"navigationBarTextStyle": "white"
-						}
+					"navigationBarTitleText": "详细信息",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
 				}
-				,{
-						"path" : "messageList/messageList",
-						"style" :                                                                                    
+			},
+			{
+				"path" : "center/center",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "举报中心",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "report/report",
+				"style" :                                                                                    
 					{
-						"navigationBarTitleText": "网信信息列表",
-						"enablePullDownRefresh": true,
+						"navigationBarTitleText": "发布举报",
+						"enablePullDownRefresh": false,
 						"navigationBarBackgroundColor": "#4390f7",
 						"navigationBarTextStyle": "white"
 					}
+			},
+			{
+				"path" : "messageList/messageList",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息列表",
+					"enablePullDownRefresh": true,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			},
+			{
+				"path" : "messageDetail/messageDetail",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "网信信息详情",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#eef2fe"
+				}	
+			},
+			{
+				"path" : "supervisor/supervisor",
+				"style" :                                                                                    
+				{
+					"navigationBarTitleText": "申请流程",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#4390f7",
+					"navigationBarTextStyle": "white"
+				}
+			}
+			]
+		},
+		{
+			"root": "packageC",//分包名
+			"pages": [
+				{
+					"path" : "rumorWebView/rumorWebView",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "11",
+						"enablePullDownRefresh": false
+					}
 				}
 			]
-	}]
+		}
+	]
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 4b08bc9..355f531 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,7 +3,7 @@
 	<view class="index">
 		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 300rpx;"></image>
 		<view class="swiper-area">
-			<swiper class="swiper-box" style="height: 300rpx;" :indicator-dots="true" :autoplay="true" :circular="circular">
+			<swiper class="swiper-box" style="height: 300rpx;" :interval="3000" :indicator-dots="true" :autoplay="true" :circular="circular">
 				<swiper-item v-for="(item ,index) in swiperList" :key="index">
 					<view class="swiper-item">
 						<image :src="item.url" style="width:100%;height: 300rpx;"></image>
@@ -137,7 +137,7 @@
 						url: '/packageB/center/center'
 					})
 				}
-				else if(val === 'rule' || val === 'status') { // 法律法规、工作动态
+				else if(val === 'rules' || val === 'status') { // 法律法规、工作动态
 					let tabIndex = 0;
 					if(val === 'status') {
 						tabIndex = 1;
@@ -147,9 +147,9 @@
 					wx.navigateTo({
 						url: `/packageB/messageList/messageList?tabIndex=${tabIndex}`
 					})
-				} else if(val === 'search') { // 成为监督员
+				} else if(val === 'jdy') { // 成为监督员
 					wx.navigateTo({
-						url: `/packageA/pages/search/search`
+						url: `/packageB/supervisor/supervisor`
 					})
 				}
 			}
diff --git a/pages/rumor/rumor.vue b/pages/rumor/rumor.vue
index 2d3e3af..f894b33 100644
--- a/pages/rumor/rumor.vue
+++ b/pages/rumor/rumor.vue
@@ -1,22 +1,198 @@
 <template>
-	<view>
-		谣言查证
+	<view class="rumor">
+		<image src="../../static/index/back_complete.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 260rpx;"></image>
+		<view class="button-area">
+			<view class="button">我来查证</view>
+			<button class="button1 button" open-type="contact" session-from="sessionFrom">线索提交</button>
+			<view class="button2 button" @click="goRumorWebView">辟谣信息</view>
+		</view>
+		
+		<div class="article-answer-stack">  
+			<flipcard ref="stack" :pages="stackList" :stackInit="stackInit" @click="handleStackClicked"></flipcard>  
+		</div>  
 	</view>
 </template>
 
 <script>
+	import flipcard from '../../components/card.vue'
 	export default {
-		data() {
-			return {
-				
-			}
+		components:{  
+			flipcard  
+		},  
+	data() {  
+		return {  
+			stackList:[  
+						{  
+								title:"2021高考作文难吗11111？",  
+								tag: "最近83人提问过这个问题11111",  
+								problem: "关于陈红军壮烈牺牲的报道，陈红军的“发小”王煦辉这几天看了一遍又一遍，从小玩到大的伙伴如今已经天人相隔，让他至今也无法接受。在同学眼中，陈红军打小就是一位品学兼优的好子，就是这个家境贫寒的农村娃，考上了城里的高？",  
+								author: {  
+										id: 1,  
+										name: "一颗棒棒糖",  
+										avatar: "/static/avatar/1.jpg",  
+								},  
+								comment_num: 5160, // 评论数  
+								dig_num: 5160, // 顶数  
+								forward_num: 5160, // 转发数  
+								attention_num: 30, // 关注数  
+						},  
+						{  
+								title:"2021高考作文难吗？22222",  
+								tag: "最近83人提问过这个问题22222",  
+								problem: "关于陈红军壮烈牺牲的报道，陈红军的“发小”王煦辉这几天看了一遍又一遍，从小玩到大的伙伴如今已经天人相隔，让他至今也无法接受。在同学眼中，陈红军打小就是一位品学兼优的好子，就是这个家境贫寒的农村娃，考上了城里的高？",  
+								author: {  
+										id: 1,  
+										name: "两颗棒棒糖",  
+										avatar: "/static/avatar/2.jpg",  
+								},  
+								comment_num: 5160, // 评论数  
+								dig_num: 5160, // 顶数  
+								forward_num: 5160, // 转发数  
+								attention_num: 30, // 关注数  
+						},  
+						{  
+								title:"2021高考作文难吗？33333",  
+								tag: "最近83人提问过这个问题33333",  
+								problem: "关于陈红军壮烈牺牲的报道，陈红军的“发小”王煦辉这几天看了一遍又一遍，从小玩到大的伙伴如今已经天人相隔，让他至今也无法接受。在同学眼中，陈红军打小就是一位品学兼优的好子，就是这个家境贫寒的农村娃，考上了城里的高？",  
+								author: {  
+										id: 1,  
+										name: "三颗棒棒糖",  
+										avatar: "/static/avatar/4.jpg",  
+								},  
+								comment_num: 5160, // 评论数  
+								dig_num: 5160, // 顶数  
+								forward_num: 5160, // 转发数  
+								attention_num: 30, // 关注数  
+						},  
+						{  
+								title:"2021高考作文难吗？44444",  
+								tag: "最近83人提问过这个问题44444",  
+								problem: "关于陈红军壮烈牺牲的报道，陈红军的“发小”王煦辉这几天看了一遍又一遍，从小玩到大的伙伴如今已经天人相隔，让他至今也无法接受。在同学眼中，陈红军打小就是一位品学兼优的好子，就是这个家境贫寒的农村娃，考上了城里的高？",  
+								author: {  
+										id: 1,  
+										name: "四颗棒棒糖",  
+										avatar: "/static/avatar/5.jpg",  
+								},  
+								comment_num: 5160, // 评论数  
+								dig_num: 5160, // 顶数  
+								forward_num: 5160, // 转发数  
+								attention_num: 30, // 关注数  
+						}  
+				],  
+			stackInit: {  
+				currentPage:0,  
+				visible: 3  
+			}  
+		}  
+	},  
+	methods: {  
+		handleStackPrev() {  
+			this.$refs["stack"].prev()  
+		},  
+		handleStackNext() {  
+			this.$refs["stack"].next()  
 		},
-		methods: {
-			
+		goRumorWebView() {
+			wx.navigateTo({
+				url: '/packageC/rumorWebView/rumorWebView'
+			})
 		}
-	}
+	}  
+}
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+	.rumor {
+		// padding: 40rpx;
+		height: 100%;
+		width: 100%;
+		box-sizing: border-box;
+		padding-top: 300rpx;
+		padding-bottom: 40rpx;
+		overflow: hidden;
+		.button-area {
+			height: 120rpx;
+			display: flex;
+			justify-content: space-around;
+			box-sizing: border-box;
+			.button {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				color: #fff;
+				font-weight: 600;
+				box-sizing: border-box;
+				width: 180rpx;
+				height: 80rpx;
+				background: #fff;
+				color: #0043ac;
+				border: 2rpx solid #0043ac;
+				border-radius: 20rpx;
+				// animation: btn4Ani 2s linear infinite;
+				margin: 0;
+				white-space: nowrap;
+			}
+				
+			.button2 {
+				background: #fff;
+				color: #0043ac;
+				border: 2rpx solid #0043ac;
+				// animation: 6s btn4Ani 2s linear infinite;
+			}
+			.button1 {
+				background: #0043ac;
+				color: #fff;
+				border: 2rpx solid #0043ac;
+				animation: btn4Ani 2s linear infinite;
+			}
+		}
+		@keyframes btn4Ani {
+		  0% {
+		    width: 200rpx;
+		    height: 80rpx;
+		  }
+		  30% {
+		    width: 280rpx;
+		    height: 112rpx;
+		    transform: rotate(0deg);
+		  }
+		  40% {
+		    width: 280rpx;
+		    height: 112rpx;
+		    transform: rotate(-5deg);
+		  }
+		  50% {
+		    width: 280rpx;
+		    height: 112rpx;
+		    transform: rotate(5deg);
+		  }
+		  60% {
+		    width: 280rpx;
+		    height: 112rpx;
+		    transform: rotate(-5deg);
+		  }
+		  70% {
+		    width: 280rpx;
+		    height: 112rpx;
+		    transform: rotate(0deg);
+		  }
+		  100% {
+		    transform: rotate(0deg);
+		    width: 200rpx;
+		    height: 80rpx;
+		  }
+		}
+		
+	}
+	.article-answer {  
+		&-stack{  
+			width: 100%;
+			height: 100%;
+			position: relative;
+			list-style: none;
+			pointer-events: none;
+			padding: 30rpx;
+			box-sizing: border-box;  
+		}  
+	}  
 </style>