diff --git a/滦平县报告对比/pages/main/home/home.vue b/滦平县报告对比/pages/main/home/home.vue
index d6943f4..39ea95c 100644
--- a/滦平县报告对比/pages/main/home/home.vue
+++ b/滦平县报告对比/pages/main/home/home.vue
@@ -23,14 +23,18 @@
 	const id_number = ref('')
 	const phone=ref('')
 	const toPage = () => {
+		if(id_number.value.length===0 || phone.value.length===0){
+			uni.$lu.toast("请输入身份证和电话");
+			return false;
+		}
 		uni.navigateTo({
 			url: `/pages/main/list/list?hospital=4&id_number=${id_number.value}&phone=${phone.value}`
 		})
 	}
 </script>
 <template>
-	<view>
-		<view class="title_wrapper">身份证号</view>
+	<view style=" background-color: #fff;height: 100vh;"  class="gradient-box gradient-2">
+	<!-- 	<view class="title_wrapper">身份证号</view>
 		<view class="input_wrapper">
 			<input type="text" v-model="id_number">
 		</view>
@@ -43,10 +47,72 @@
 				<image :src="$image('/storage/assets/report/home/报告对比@2x.png')"></image>
 			</view>
 			<view class="top_button_text_wrapper">查看报告</view>
+		</view> -->
+		<view style="height: 20%;"> </view>
+		<view class="info">
+			<view class="tip">请输入您的身份证和电话号码</view>
+			<view class="label">身份证</view>
+			<view>
+				<input v-model="id_number" placeholder="请输入身份证" />
+			</view>
+		
+			<view class="label">电话</view>
+			<view>
+				<input v-model="phone" placeholder="请输入电话" />
+			</view>
+		
+			<view @click="toPage()" class="top_button_wrapper top_button1_wrapper">
+				<view class="top_button_icon_wrapper">
+					<image :src="$image('/storage/assets/report/home/报告对比@2x.png')"></image>
+				</view>
+				<view class="top_button_text_wrapper">查看报告</view>
+			</view>
 		</view>
+		<view class="decor decor-1 circle"></view>
+		<view class="decor decor-2 square"></view>
 	</view>
 </template>
 <style scoped>
+	 .gradient-box {
+	            height: 250px;
+	            border-radius: 12px;
+	            position: relative;
+	            overflow: hidden;
+	            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+	        }
+	.decor {
+	            
+	            opacity: 0.15;
+	        }
+	 .gradient-2 {
+		  background: radial-gradient(at top right, #94f0e6, #cce5e5, #d5f0f0);
+	            /* background: linear-gradient(to right, #94f0e6 0%, #d5f0f0 100%); */
+	            
+	        }
+	        
+	        .gradient-2 .decor-1 {
+	            width: 200px;
+	            height: 200px;
+	            top: -80px;
+	            right: -50px;
+	            background: #fff;
+	        }
+	        
+	        .gradient-2 .decor-2 {
+	            width: 120px;
+	            height: 120px;
+	            top: 200px;
+	            left: 100px;
+	            background: #fff;
+	        }
+			.circle {
+			            border-radius: 50%;
+			        }
+			        
+			        .square {
+			            transform: rotate(45deg);
+			        }
+	
 	.title_wrapper {
 		font-size: 30rpx;
 		margin: 60rpx 40rpx 20rpx;
@@ -111,4 +177,38 @@
 		align-items: center;
 		justify-content: center;
 	}
+	.tip {
+		font-size: 28rpx;
+		color: #33cdc9;
+		font-weight: 500;
+	}
+	.info {
+		border: 1px solid #c5f0f9;
+		border-radius: 30rpx;
+		background-color: #fff;
+		padding: 40rpx 40rpx;
+		margin: 0rpx 20rpx;
+		 
+	
+	}
+	
+	.info input {
+		border-bottom: 1rpx solid #33cdc9;
+		padding: 10rpx;
+		
+	}
+	
+	.info .label {
+		font-size: 33rpx;
+		color: #3f3f3f;
+		font-weight: 700;
+		margin: 30rpx auto 10rpx auto;
+	}
+	
+	.button {
+		width: 100%;
+		background-color: #33cdc9;
+		border: 0rpx;
+		margin-top: 40rpx;
+	}
 </style>
\ No newline at end of file