diff --git a/src/views/mortgage/index.vue b/src/views/mortgage/index.vue index 77cae6a..603c09c 100644 --- a/src/views/mortgage/index.vue +++ b/src/views/mortgage/index.vue @@ -90,7 +90,7 @@
-
@@ -127,9 +127,9 @@
2023-10-16  16:13:36    365国润三通道摄像头离线解除
-
+
@@ -190,7 +190,7 @@
-
+
@@ -692,48 +692,48 @@ } .mortgage_top_item_top_btn1 { - z-index: 100; + // z-index: 100; position: absolute; - top: 0px; - left: 368px; - width: 393px; - height: 150px; + top: 0%; + left: 50%; + width: 50%; + height: 50%; background-color: #f0f; /*设置透明度,0为完全透明,1为不透明*/ opacity: 0; } .mortgage_top_item_top_btn2 { - z-index: 100; + // z-index: 100; position: absolute; - top: 150px; - left: 0px; - width: 393px; - height: 150px; + top: 50%; + left: 0%; + width: 50%; + height: 50%; background-color: #ff0; /*设置透明度,0为完全透明,1为不透明*/ opacity: 0; } .mortgage_top_item_top_btn3 { - z-index: 100; + // z-index: 100; position: absolute; - top: 150px; - left: 368px; - width: 393px; - height: 150px; + top: 50%; + left: 50%; + width: 50%; + height: 50%; background-color: #00f; /*设置透明度,0为完全透明,1为不透明*/ opacity: 0; } .mortgage_top_item_top_btn4 { - z-index: 100; + // z-index: 100; position: absolute; - top: 0px; - left: 0px; - width: 398px; - height: 150px; + top: 0%; + left: 0%; + width: 50%; + height: 50%; background-color: #0ff; /*设置透明度,0为完全透明,1为不透明*/ opacity: 0; @@ -778,7 +778,7 @@ } .mortgage_top_item_cons_right_top_foor { - margin-top: 10px; + margin-top: 75px; width: 100%; height: 10%; display: flex; @@ -812,6 +812,7 @@ height: calc(50% - 10px); width: 100%; position: relative; + margin-top: 80px; .titele { width: 100%; @@ -845,7 +846,7 @@ .containers { width: 100%; - height: calc(100% - 1px); + height: calc(100% - 80px); position: relative; display: flex; background: transparent;