From bfc88ff4bf65fc19ce61e91601bf44f44a15d293 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Wed, 8 May 2024 17:55:38 +0800
Subject: [PATCH] xg

---
 .../threeHundredAndSixty.vue                  | 54 ++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/pagesB/threeHundredAndSixty/threeHundredAndSixty.vue b/pagesB/threeHundredAndSixty/threeHundredAndSixty.vue
index c4c5173..eac35b9 100644
--- a/pagesB/threeHundredAndSixty/threeHundredAndSixty.vue
+++ b/pagesB/threeHundredAndSixty/threeHundredAndSixty.vue
@@ -17,31 +17,31 @@
 		</view>
 		<!-- 疾病预警 -->
 		<view class="disease" v-if="tabscurrent==1">
+			<image :src="require('../images/beijing.png')" class="background-image" />
 			<view class="btnleftalls">
 				<view class="btnright">
 					<image :src="require('../images/renti.png')" mode=""></image>
 				</view>
 				<view class="left">
 					<view class="btnleftall">
-
 						<view class="btnleft" @tap="diseasecv">
 							<img src="../images/zitikuang.png" alt="" />
-							<span class="item" style="left: 101rpx;">脑血管疾病</span>
+							<span class="item">脑血管疾病</span>
 						</view>
 						<view class="btnleft" @tap="diseaselc">
 							<img src="../images/zitikuang.png" alt="" />
-							<span class="item" style="left: 52rpx;">缺血性心血管疾病风险</span>
+							<span class="item">缺血性心血管疾病风险</span>
 						</view>
 					</view>
 					<view class="btnleftall">
 						<view class="btnleft" @tap="diseaselu">
 							<img src="../images/zitikuang.png" alt="" />
-							<span class="item" style="left: 101rpx;">肺癌风险</span>
+							<span class="item">肺癌风险</span>
 
 						</view>
 						<view class="btnleft" @tap="diseaseck">
 							<img src="../images/zitikuang.png" alt="" />
-							<span class="item" style="left: 80rpx;">肾功能不全风险</span>
+							<span class="item">肾功能不全风险</span>
 						</view>
 					</view>
 
@@ -435,10 +435,6 @@
 </script>
 
 <style lang="scss">
-	page {
-		background-color: #fff;
-	}
-
 	::v-deep .u-mode-center-box {
 		width: 94% !important;
 		padding: 40rpx 0;
@@ -451,9 +447,8 @@
 	}
 
 	.app {
-		height: 100%;
-		background-image: url('../images/beijing.png');
-		background-size: 100% 100%;
+		width: 100%;
+		height: 110vh;
 		background-repeat: no-repeat;
 		text-align: center;
 		font-size: 36rpx;
@@ -510,7 +505,18 @@
 		.disease {
 			width: 100%;
 			position: relative;
-			background-color: #fff;
+			height: 110vh;
+			z-index: 999;
+			color: #fff !important;
+
+			.background-image {
+				width: 100%;
+				height: 120vh;
+				position: absolute;
+				top: 0;
+				left: 0;
+				z-index: -1;
+			}
 
 			.btnleftalls {
 				// display: flex;
@@ -519,6 +525,7 @@
 
 			.left {
 				height: 30vh;
+				transform: translateY(5%);
 			}
 
 			.btnleftall {
@@ -533,37 +540,36 @@
 				/* margin-left: 2%; */
 				line-height: 50px;
 				text-align: center;
-				height: 100rpx;
+				height: 160rpx;
 				font-size: 22rpx;
 				margin: 0 auto;
+				line-height: 160rpx;
 
 				img {
 					position: absolute;
-					width: 283rpx;
-					height: 100rpx;
-					left: 21rpx;
-
+					width: 100%;
+					height: 160rpx;
+					left: 0;
+					top: 0;
 				}
 
 				.item {
-					position: absolute;
-					left: 133rpx;
+					text-align: center;
 				}
 
 				// background-color: #F2F2F2;
 			}
 
 			.btnright {
-				height: 70vh;
-
+				height: 75vh;
 				// position: absolute;
 				// left: 5%;
 				// width: 70%;
-
 				// height: 100rpx;
 				// background-color: yellow;
 				image {
-					height: 70vh;
+					width: 100%;
+					height: 100%;
 					// position: absolute;
 					display: inline-block;
 					// left: 21%;