2023-11-14

src/views/mortgage/index.vue

@@ -49,7 +49,7 @@
 				<div class="mortgage_top_item_cons">
 					<div class="mortgage_top_item_cons_left">
 						<div class="mortgage_top_item_top">
-							<img src="@/assets/mprtgage/tablist.jpg" alt="" />
+							<img src="@/assets/mprtgage/logistics.jpg" alt="" />
 							<div class="mortgage_top_item_top_btn1" @click="cameraClock(0)" />
 							<div class="mortgage_top_item_top_btn2" @click="cameraClock(1)" />
 							<div class="mortgage_top_item_top_btn3" @click="cameraClock(2)" />
@@ -118,7 +118,8 @@
 							</div>
 							<div class="containers">
 								<div class="container_item2">
-									2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
+									2023-10-19&nbsp;&nbsp;20:05:16&nbsp;&nbsp;&nbsp;&nbsp;<span
+										class="container_item-tetxt2">365国润四通道摄像头离线解除</span>
 								</div>
 								<div class="container_item1">
 									2023-10-19&nbsp;&nbsp;19:33:21&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润四通道摄像头离线</span>
@@ -683,6 +684,7 @@
 				.mortgage_top_item_top {
 					width: 100%;
 					height: 85%;
+					position: relative;
 
 					img {
 						width: 100%;
@@ -691,11 +693,11 @@
 
 					.mortgage_top_item_top_btn1 {
 						z-index: 100;
-						position: relative;
+						position: absolute;
-						top: -259px;
+						top: 5px;
-						left: 81px;
+						left: 618px;
-						width: 53px;
+						width: 133px;
-						height: 50px;
+						height: 90px;
 						background-color: #f0f;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -703,11 +705,11 @@
 
 					.mortgage_top_item_top_btn2 {
 						z-index: 100;
-						position: relative;
+						position: absolute;
-						top: -326px;
+						top: 120px;
-						left: 481px;
+						left: 611px;
-						width: 53px;
+						width: 103px;
-						height: 50px;
+						height: 80px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -715,11 +717,11 @@
 
 					.mortgage_top_item_top_btn3 {
 						z-index: 100;
-						position: relative;
+						position: absolute;
-						top: -161px;
+						top: 181px;
-						left: 81px;
+						left: 521px;
-						width: 53px;
+						width: 83px;
-						height: 50px;
+						height: 80px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;
@@ -727,11 +729,11 @@
 
 					.mortgage_top_item_top_btn4 {
 						z-index: 100;
-						position: relative;
+						position: absolute;
-						top: -214px;
+						top: 201px;
-						left: 481px;
+						left: 415px;
-						width: 53px;
+						width: 98px;
-						height: 50px;
+						height: 90px;
 						background-color: #1d62e2;
 						/*设置透明度，0为完全透明，1为不透明*/
 						opacity: 0;