Browse Source

2023-11-15

master
guoxing 1 year ago
parent
commit
8eb6f7bbc8
  1. 53
      src/views/mortgage/index.vue

53
src/views/mortgage/index.vue

@ -90,7 +90,7 @@
<div class="mortgage_top_item_cons_right"> <div class="mortgage_top_item_cons_right">
<div class="mortgage_top_item_cons_right_top"> <div class="mortgage_top_item_cons_right_top">
<div class="mortgage_top_item_cons_right_top_video"> <div class="mortgage_top_item_cons_right_top_video">
<iframe :src="spUrl" width="450" height="150" id="ysOpenDevice" allowfullscreen> <iframe :src="spUrl" width="500" height="220" id="ysOpenDevice" allowfullscreen>
</iframe> </iframe>
</div> </div>
<div class="mortgage_top_item_cons_right_top_foor"> <div class="mortgage_top_item_cons_right_top_foor">
@ -127,9 +127,9 @@
<div class="container_item2"> <div class="container_item2">
2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span> 2023-10-16&nbsp;&nbsp;16:13:36&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线解除</span>
</div> </div>
<div class="container_item1"> <!-- <div class="container_item1">
2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span> 2023-10-16&nbsp;&nbsp;15:26:12&nbsp;&nbsp;&nbsp;&nbsp;<span>365国润三通道摄像头离线</span>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -190,7 +190,7 @@
<barlineEachartsVue :width="`100%`" :height="'270px'" :chartData="chartData2"></barlineEachartsVue> <barlineEachartsVue :width="`100%`" :height="'270px'" :chartData="chartData2"></barlineEachartsVue>
</div> </div>
</div> </div>
<div class="mortgage_bom_item"> <div class="mortgage_bom_item" style="margin-left: 32px;padding-right: 30px;">
<div class="mortgage_bom_item_tit"> <div class="mortgage_bom_item_tit">
<div class="mortgage_bom_item_tit_left"> <div class="mortgage_bom_item_tit_left">
<span> <span>
@ -692,48 +692,48 @@
} }
.mortgage_top_item_top_btn1 { .mortgage_top_item_top_btn1 {
z-index: 100; // z-index: 100;
position: absolute; position: absolute;
top: 0px; top: 0%;
left: 368px; left: 50%;
width: 393px; width: 50%;
height: 150px; height: 50%;
background-color: #f0f; background-color: #f0f;
/*设置透明度,0为完全透明,1为不透明*/ /*设置透明度,0为完全透明,1为不透明*/
opacity: 0; opacity: 0;
} }
.mortgage_top_item_top_btn2 { .mortgage_top_item_top_btn2 {
z-index: 100; // z-index: 100;
position: absolute; position: absolute;
top: 150px; top: 50%;
left: 0px; left: 0%;
width: 393px; width: 50%;
height: 150px; height: 50%;
background-color: #ff0; background-color: #ff0;
/*设置透明度,0为完全透明,1为不透明*/ /*设置透明度,0为完全透明,1为不透明*/
opacity: 0; opacity: 0;
} }
.mortgage_top_item_top_btn3 { .mortgage_top_item_top_btn3 {
z-index: 100; // z-index: 100;
position: absolute; position: absolute;
top: 150px; top: 50%;
left: 368px; left: 50%;
width: 393px; width: 50%;
height: 150px; height: 50%;
background-color: #00f; background-color: #00f;
/*设置透明度,0为完全透明,1为不透明*/ /*设置透明度,0为完全透明,1为不透明*/
opacity: 0; opacity: 0;
} }
.mortgage_top_item_top_btn4 { .mortgage_top_item_top_btn4 {
z-index: 100; // z-index: 100;
position: absolute; position: absolute;
top: 0px; top: 0%;
left: 0px; left: 0%;
width: 398px; width: 50%;
height: 150px; height: 50%;
background-color: #0ff; background-color: #0ff;
/*设置透明度,0为完全透明,1为不透明*/ /*设置透明度,0为完全透明,1为不透明*/
opacity: 0; opacity: 0;
@ -778,7 +778,7 @@
} }
.mortgage_top_item_cons_right_top_foor { .mortgage_top_item_cons_right_top_foor {
margin-top: 10px; margin-top: 75px;
width: 100%; width: 100%;
height: 10%; height: 10%;
display: flex; display: flex;
@ -812,6 +812,7 @@
height: calc(50% - 10px); height: calc(50% - 10px);
width: 100%; width: 100%;
position: relative; position: relative;
margin-top: 80px;
.titele { .titele {
width: 100%; width: 100%;
@ -845,7 +846,7 @@
.containers { .containers {
width: 100%; width: 100%;
height: calc(100% - 1px); height: calc(100% - 80px);
position: relative; position: relative;
display: flex; display: flex;
background: transparent; background: transparent;

Loading…
Cancel
Save