chenyh
/
xiuos_IoT
forked from floraachy/xiuos_IoT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

optimize plcmonitor page layout

This commit is contained in:
龚祖望 2022-11-16 17:03:03 +08:00
parent d4881fff3c
commit b954867a4d
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
xiuosiot-frontend/src/views/terminal/PLC/monitor.vue
View File

@ -36,7 +36,7 @@
> >
</div> </div>
<div style="width:100%;height: 392px;"> <div style="width:100%;height: 392px;">
<swiper :options="swiperImgOption" style="height:100%;width:100%;margin-top: 15px;"> <swiper :options="swiperImgOption" style="height:100%;width:100%;margin-top: 30px;">
<swiper-slide> <swiper-slide>
<img class="slide-img" src="@/assets/images/maduoche1.png"> <img class="slide-img" src="@/assets/images/maduoche1.png">
</swiper-slide> </swiper-slide>
@ -522,7 +522,7 @@ export default {
methods: { methods: {
resize() { resize() {
const heightMinus = Math.abs(document.body.clientHeight - 920) const heightMinus = Math.abs(document.body.clientHeight - 920)
this.paddingTop = 120 + (heightMinus - 20) / 2 this.paddingTop = 130 + (heightMinus - 80) / 2
}, },
guid() { guid() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
@ -626,7 +626,7 @@ export default {
margin-bottom: 22px; margin-bottom: 22px;
.content { .content {
padding: 15px 0; padding: 15px 0;
margin-top: 15px; margin-top: 30px;
text-align: center; text-align: center;
background-color: rgba(255, 255, 255, 0.24); background-color: rgba(255, 255, 255, 0.24);
p { p {
@ -666,7 +666,7 @@ export default {
clear: both; clear: both;
width: 100%; width: 100%;
.content { .content {
margin-top: 15px; margin-top: 30px;
padding-bottom: 20px; padding-bottom: 20px;
background-color: rgba(255, 255, 255, 0.24); background-color: rgba(255, 255, 255, 0.24);
font-size: 16px; font-size: 16px;
@ -701,8 +701,8 @@ export default {
margin-left: 36px; margin-left: 36px;
margin-right: 30px; margin-right: 30px;
.content { .content {
margin-top: 15px; margin-top: 30px;
padding-top: 15px; padding-top: 30px;
background-color: rgba(255, 255, 255, 0.24); background-color: rgba(255, 255, 255, 0.24);
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;