2023-11-15

src/views/mortgage/index.vue

@@ -49,11 +49,15 @@
 				<div class="mortgage_top_item_cons">
 					<div class="mortgage_top_item_cons_left">
 						<div class="mortgage_top_item_top">
-							<img src="@/assets/mprtgage/logistics.jpg" alt="" />
+							<img src="@/assets/mprtgage/WarehousePlan.jpg" alt="" />
-							<div class="mortgage_top_item_top_btn1" @click="cameraClock(0)" />
+							<img src="@/assets/mprtgage/camera.jpg" class="mortgage_top_item_top_btn1"
-							<div class="mortgage_top_item_top_btn2" @click="cameraClock(1)" />
+								@click="cameraClock(0)" />
-							<div class="mortgage_top_item_top_btn3" @click="cameraClock(2)" />
+							<img src="@/assets/mprtgage/camera.jpg" class="mortgage_top_item_top_btn2"
-							<div class="mortgage_top_item_top_btn4" @click="cameraClock(3)" />
+								@click="cameraClock(1)" />
+							<img src="@/assets/mprtgage/camera.jpg" class="mortgage_top_item_top_btn3"
+								@click="cameraClock(2)" />
+							<img src="@/assets/mprtgage/camera.jpg" class="mortgage_top_item_top_btn4"
+								@click="cameraClock(3)" />
 
 
 						</div>
@@ -90,7 +94,7 @@
 					<div class="mortgage_top_item_cons_right">
 						<div class="mortgage_top_item_cons_right_top">
 							<div class="mortgage_top_item_cons_right_top_video">
-								<iframe :src="spUrl" width="500" height="90%" id="ysOpenDevice" allowfullscreen>
+								<iframe :src="spUrl" width="500" height="230" id="ysOpenDevice" allowfullscreen>
 								</iframe>
 							</div>
 							<div class="mortgage_top_item_cons_right_top_foor">
@@ -689,54 +693,55 @@
 					img {
 						width: 100%;
 						height: 100%;
+						object-fit: cover;
 					}
 
 					.mortgage_top_item_top_btn1 {
 						// z-index: 100;
 						position: absolute;
-						top: 0%;
+						top: 81%;
-						left: 50%;
+						left: 75%;
-						width: 50%;
+						width: 6%;
-						height: 50%;
+						height: 12%;
 						background-color: #f0f;
 						/*设置透明度，0为完全透明，1为不透明*/
-						opacity: 0;
+						// opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn2 {
 						// z-index: 100;
 						position: absolute;
-						top: 50%;
+						top: 77%;
-						left: 0%;
+						left: 64%;
-						width: 50%;
+						width: 7%;
-						height: 50%;
+						height: 12%;
 						background-color: #ff0;
 						/*设置透明度，0为完全透明，1为不透明*/
-						opacity: 0;
+						// opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn3 {
 						// z-index: 100;
 						position: absolute;
-							top: 50%;
+						top: 80%;
-							left: 50%;
+						left: 54%;
-					width: 50%;
+						width: 7%;
-					height: 50%;
+						height: 13%;
 						background-color: #00f;
 						/*设置透明度，0为完全透明，1为不透明*/
-						opacity: 0;
+						// opacity: 0;
 					}
 
 					.mortgage_top_item_top_btn4 {
 						// z-index: 100;
 						position: absolute;
-						top: 0%;
+						top: 62%;
-						left: 0%;
+						left: 81%;
-					width: 50%;
+						width: 6%;
-					height: 50%;
+						height: 12%;
 						background-color: #0ff;
 						/*设置透明度，0为完全透明，1为不透明*/
-						opacity: 0;
+						// opacity: 0;
 					}
 				}