Skip to content

Z
zhongtong-avi-web
Commit 9d7d3653 authored by 李志鸣's avatar 李志鸣
Browse files
Options

opt(Led 工位级): 工位屏1、3、4显示效果优化

parent 6fc91a1e
Show whitespace changes
Inline Side-by-side
Showing with 46 additions and 35 deletions
src/views/Led/Station/stationFive.vue
View file @ 9d7d3653
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</div> </div>
<div class="info"> <div class="info">
设备报警信息： 设备报警信息：
<div>&nbsp;</div> <div class="line"></div>
<swiper :options="swiperOption"> <swiper :options="swiperOption">
<swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide> <swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide>
</swiper> </swiper>
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</swiper-slide> </swiper-slide>
<swiper-slide> <swiper-slide>
<div class="title-pack">{{ timmingData.name }}</div> <div class="title-pack">{{ timmingData.name }}</div>
<div class="sprayDrying"> <div class="spray-drying">
<div class="tr clear-float" :class="roomInfoList.length > 8 ? 'ntr' : ''"> <div class="tr clear-float" :class="roomInfoList.length > 8 ? 'ntr' : ''">
<div :class="roomInfoList.length > 8 ? 'nth-1' : 'th-1'"></div> <div :class="roomInfoList.length > 8 ? 'nth-1' : 'th-1'"></div>
<div :class="roomInfoList.length > 8 ? 'nth-2' : 'th-2'">状态</div> <div :class="roomInfoList.length > 8 ? 'nth-2' : 'th-2'">状态</div>
...@@ -252,12 +252,12 @@ ...@@ -252,12 +252,12 @@
.title-pack { .title-pack {
width: 1710px; width: 1710px;
height: 100px; height: 120px;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 100px;
} }
.table-pack { .table-pack {
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
.th-r { .th-r {
...@@ -289,7 +289,7 @@ ...@@ -289,7 +289,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
} }
...@@ -300,24 +300,28 @@ ...@@ -300,24 +300,28 @@
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{ .swiper-slide{
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
font-size: 80px;
} }
} }
.time { .time {
width: 1710px; width: 1710px;
height: 100px; height: 80px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
line-height: 100px; line-height: 80px;
font-size: 60px; font-size: 70px;
} }
} }
.sprayDrying { .spray-drying {
width: 1710px; width: 1710px;
height: 860px; height: 860px;
background-color: #111; background-color: #111;
......
src/views/Led/Station/stationOne.vue
View file @ 9d7d3653
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
<div class="info"> <div class="info">
设备报警信息： 设备报警信息：
<div>&nbsp;</div> <div class="line"></div>
<swiper :options="swiperOption" ref="mySwiper"> <swiper :options="swiperOption" ref="mySwiper">
<swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide> <swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide>
</swiper> </swiper>
...@@ -110,12 +110,12 @@ ...@@ -110,12 +110,12 @@
.title-pack { .title-pack {
width: 1710px; width: 1710px;
height: 100px; height: 120px;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 100px;
} }
.table-pack { .table-pack {
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
.th-r { .th-r {
...@@ -147,32 +147,36 @@ ...@@ -147,32 +147,36 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 353px; height: 454px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{ .swiper-slide{
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
font-size: 80px;
} }
} }
.time { .time {
width: 1710px; width: 1710px;
height: 100px; height: 80px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
line-height: 100px; line-height: 80px;
font-size: 60px; font-size: 70px;
} }
} }
} }
......
src/views/Led/Station/stationThree.vue
View file @ 9d7d3653
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
<div class="info"> <div class="info">
设备报警信息： 设备报警信息：
<div>&nbsp;</div> <div class="line"></div>
<swiper :options="swiperOption" ref="mySwiper"> <swiper :options="swiperOption" ref="mySwiper">
<swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide> <swiper-slide v-for="(item, index) in warningList" :key="index">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{warningList[index].name}}：{{warningList[index].info}}</swiper-slide>
</swiper> </swiper>
...@@ -110,12 +110,12 @@ ...@@ -110,12 +110,12 @@
.title-pack { .title-pack {
width: 1710px; width: 1710px;
height: 100px; height: 120px;
text-align: center; text-align: center;
color: yellow; color: yellow;
line-height: 100px; line-height: 120px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 100px;
} }
.table-pack { .table-pack {
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
.th-r { .th-r {
...@@ -147,33 +147,36 @@ ...@@ -147,33 +147,36 @@
color: yellow; color: yellow;
line-height: 100px; line-height: 100px;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
} }
} }
.info { .info {
width: 1710px; width: 1710px;
height: 353px; height: 454px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{ .swiper-slide{
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
font-size: 80px;
} }
} }
.time { .time {
width: 1710px; width: 1710px;
height: 100px; height: 80px;
border-top: 2px solid yellow; border-top: 2px solid yellow;
color: yellow; color: yellow;
font-weight: bold; font-weight: bold;
line-height: 100px; line-height: 80px;
font-size: 60px; font-size: 70px;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment