jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改页面代码

master
zyc@123456 2 years ago
parent
b740fed4ee
commit
91cfc69b92
2 changed files with 278 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      src/views/dianzixungeng/dianzixungengL.vue
  2. 48
      src/views/xiaofangbaojing/xiaofangbaojingL.vue

52
src/views/dianzixungeng/dianzixungengL.vue
View File

@ -49,9 +49,11 @@
</div> -->
<!-- 11 -->
</div>
<div class="shipinscons">
<div class="shipinscon">
<div class="shipinstu">
<img src="/image/cangkutub.png"/>
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe63e;</div>
@ -150,7 +152,7 @@
</div>
<!-- 列表结束 -->
</div>
</div>
</div>
</div>
@ -579,15 +581,55 @@ export default {
padding: 10px;
}
.tab-header{background-color: #fff;}
.shipinscon {margin: 20px 0 0 0;
.shipinscons {height: 95%;text-align: center;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinscon {width: 60%;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
}
.shipinstu {
/* border:1px solid #0241c1; */
position:absolute;left: 0;
margin: 0 auto;text-align: center;
/* z-index: 0;
background: url("/image/cangkutu.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative; */
}
.shipinstu img{margin: 0 auto;height: 550px;}
.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
/* position:absolute; */
/* border: #e20202 solid 2px; */
width: 100%;
height: 100%;
/* float: left;
top:0; */
}
.shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
height: 40px !important;line-height: 40px;
padding: 0px;text-align: center;
}
/* .shipinscon {margin: 20px 0 0 0;
padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinstu {z-index: 0;
background: url("/image/cangkutub.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative;
}
.shipinstu .jingicon {cursor: pointer;
} */
/* .shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
@ -595,7 +637,7 @@ export default {
padding: 0px;text-align: center;
}
} */
.redzibg {
color: #fff; background: radial-gradient(circle, #8c0303, #e20202);

48
src/views/xiaofangbaojing/xiaofangbaojingL.vue
View File

@ -49,9 +49,11 @@
</div> -->
<!-- 11 -->
</div>
<div class="shipinscons">
<div class="shipinscon">
<div class="shipinstu">
<img src="/image/cangkutub.png"/>
<!-- 111入侵报警 -->
<div class="ruqinbaojing" v-show="showRuqinbaojing">
<div class="myiconfont bluezibg jingicon ruqin_zhengchang1" @click="openshipinRuqinbaojing()">&#xe613;</div>
@ -150,7 +152,7 @@
</div>
<!-- 列表结束 -->
</div>
</div>
</div>
</div>
@ -579,7 +581,47 @@ export default {
padding: 10px;
}
.tab-header{background-color: #fff;}
.shipinscon {margin: 20px 0 0 0;
.shipinscons {height: 95%;text-align: center;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinscon {width: 60%;
margin: 20px auto 0;
text-align: center;position: relative;
padding: 20px 50px 20px 50px;
}
.shipinstu {
/* border:1px solid #0241c1; */
position:absolute;left: 0;
margin: 0 auto;text-align: center;
/* z-index: 0;
background: url("/image/cangkutu.png") center bottom no-repeat;
background-size: 100% 100%;min-height: 580px;
padding: 0 20px;position: relative; */
}
.shipinstu img{margin: 0 auto;height: 550px;}
.shipinstu .ruqinbaojing{position:absolute;left: 0;top:0;
/* position:absolute; */
/* border: #e20202 solid 2px; */
width: 100%;
height: 100%;
/* float: left;
top:0; */
}
.shipinstu .jingicon {cursor: pointer;
font-size: 22px !important;
border-radius: 40px !important;
width: 40px !important;
height: 40px !important;line-height: 40px;
padding: 0px;text-align: center;
}
/* .shipinscon {margin: 20px 0 0 0;
padding: 20px 50px 20px 50px;background-color: #fff;box-shadow:0px 0px 10px #E9E9E9;border-radius: 5px;
}
.shipinstu {z-index: 0;
@ -595,7 +637,7 @@ export default {
padding: 0px;text-align: center;
}
} */
.redzibg {
color: #fff; background: radial-gradient(circle, #8c0303, #e20202);

Write Preview
Loading…
Cancel
Save