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 @@
</div>
<div class="info">
设备报警信息：
<div>&nbsp;</div>
<div class="line"></div>
<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>
......@@ -25,7 +25,7 @@
</swiper-slide>
<swiper-slide>
<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="roomInfoList.length > 8 ? 'nth-1' : 'th-1'"></div>
<div :class="roomInfoList.length > 8 ? 'nth-2' : 'th-2'">状态</div>
......@@ -252,12 +252,12 @@
.title-pack {
width: 1710px;
height: 100px;
height: 120px;
text-align: center;
color: yellow;
line-height: 100px;
line-height: 120px;
font-weight: bold;
font-size: 60px;
font-size: 100px;
}
.table-pack {
......@@ -277,7 +277,7 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
.th-r {
......@@ -289,7 +289,7 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
}
......@@ -300,24 +300,28 @@
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{
word-wrap: break-word;
word-break: break-all;
font-size: 80px;
}
}
.time {
width: 1710px;
height: 100px;
height: 80px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
line-height: 80px;
font-size: 70px;
}
}
.sprayDrying {
.spray-drying {
width: 1710px;
height: 860px;
background-color: #111;
......
src/views/Led/Station/stationOne.vue
View file @ 9d7d3653
......@@ -13,7 +13,7 @@
</div>
<div class="info">
设备报警信息：
<div>&nbsp;</div>
<div class="line"></div>
<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>
......@@ -110,12 +110,12 @@
.title-pack {
width: 1710px;
height: 100px;
height: 120px;
text-align: center;
color: yellow;
line-height: 100px;
line-height: 120px;
font-weight: bold;
font-size: 60px;
font-size: 100px;
}
.table-pack {
......@@ -135,7 +135,7 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
.th-r {
......@@ -147,32 +147,36 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
}
.info {
width: 1710px;
height: 353px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{
word-wrap: break-word;
word-break: break-all;
font-size: 80px;
}
}
.time {
width: 1710px;
height: 100px;
height: 80px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
line-height: 80px;
font-size: 70px;
}
}
}
......
src/views/Led/Station/stationThree.vue
View file @ 9d7d3653
......@@ -13,7 +13,7 @@
</div>
<div class="info">
设备报警信息：
<div>&nbsp;</div>
<div class="line"></div>
<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>
......@@ -110,12 +110,12 @@
.title-pack {
width: 1710px;
height: 100px;
height: 120px;
text-align: center;
color: yellow;
line-height: 100px;
line-height: 120px;
font-weight: bold;
font-size: 60px;
font-size: 100px;
}
.table-pack {
......@@ -135,7 +135,7 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
.th-r {
......@@ -147,33 +147,36 @@
color: yellow;
line-height: 100px;
font-weight: bold;
font-size: 60px;
font-size: 90px;
}
}
.info {
width: 1710px;
height: 353px;
height: 454px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
font-size: 60px;
font-size: 90px;
.line {
height: 20px;
}
.swiper-slide{
word-wrap: break-word;
word-break: break-all;
font-size: 80px;
}
}
.time {
width: 1710px;
height: 100px;
height: 80px;
border-top: 2px solid yellow;
color: yellow;
font-weight: bold;
line-height: 100px;
font-size: 60px;
line-height: 80px;
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