|
@@ -340,35 +340,6 @@ aside {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.onOffBox .content {
|
|
|
- margin-top: 1.8rem;
|
|
|
- background: url('@/assets/images/business/iot/onOffBg.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- position: relative;
|
|
|
- height: 11.4rem;
|
|
|
- color: #fff;
|
|
|
-
|
|
|
- .numStastic {
|
|
|
- font-size: 1.4rem;
|
|
|
-
|
|
|
- div {
|
|
|
- margin: 0px 0 .5rem;
|
|
|
- padding: 0.5rem .5rem 0.5rem 1rem;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- span:first-child {
|
|
|
- min-width: 7rem;
|
|
|
- display: inline-block
|
|
|
- }
|
|
|
-
|
|
|
- span:last-child {
|
|
|
- font-size: 1.8rem;
|
|
|
- color: #2AD7F0;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
.timeSelectSec {
|
|
|
position: absolute;
|
|
@@ -500,39 +471,8 @@ aside {
|
|
|
background-size: cover;
|
|
|
}
|
|
|
|
|
|
- .facilityItem {
|
|
|
- display: inline-block;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- width: 8rem;
|
|
|
- height: 8rem;
|
|
|
- background-image: url(@/assets/images/business/iot/facilityBg2.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- span {
|
|
|
- width: 20px;
|
|
|
- height: 20px
|
|
|
- }
|
|
|
-
|
|
|
- >div {
|
|
|
- div:first-child {
|
|
|
- font-size: 1.8rem
|
|
|
- }
|
|
|
|
|
|
- div:last-child {
|
|
|
- font-size: 1.4rem
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .facilityItem:hover,
|
|
|
- .swiper-slide.active .facilityItem {
|
|
|
- background-image: url(@/assets/images/business/iot/facilityBg2Active.png);
|
|
|
- }
|
|
|
|
|
|
.swiper-button-next,
|
|
|
.swiper-rtl .swiper-button-prev {
|
|
@@ -565,28 +505,7 @@ aside {
|
|
|
.alarmInfoContent {
|
|
|
display: flex;
|
|
|
|
|
|
- .contentOne {
|
|
|
- margin-right: 2rem;
|
|
|
- text-align: center;
|
|
|
- background: url(@/assets/images/business/ITONew3/alarmInfoBg1.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- width: calc(100%/3 - 4rem/3);
|
|
|
- display: inline-block;
|
|
|
- height: calc(100% - 1.8rem);
|
|
|
- padding: 1rem 0;
|
|
|
- font-size: 1.4rem;
|
|
|
-
|
|
|
- .num {
|
|
|
- font-size: 2.4rem;
|
|
|
- color: #2AD7F0;
|
|
|
- }
|
|
|
-
|
|
|
- .title {
|
|
|
- margin-top: 1.6rem;
|
|
|
- margin-bottom: 2rem;
|
|
|
- font-size: 1.4rem;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
.contentOne:last-child {
|
|
|
// height:calc(100%/2 - 3.5rem/2);
|
|
@@ -598,16 +517,6 @@ aside {
|
|
|
color: #53EA8C
|
|
|
}
|
|
|
|
|
|
- .short {
|
|
|
- padding: 1rem 0;
|
|
|
- background: url(@/assets/images/business/ITONew3/alarmInfoBg1.png);
|
|
|
- background-size: 100% 100%;
|
|
|
-
|
|
|
- .title {
|
|
|
- margin-bottom: .5rem
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
.short:first-child {
|
|
|
margin-bottom: 2rem;
|
|
|
}
|
|
@@ -705,42 +614,12 @@ aside {
|
|
|
text-align: center;
|
|
|
font-size: 1.2rem;
|
|
|
|
|
|
- header {
|
|
|
- height: 5.4rem;
|
|
|
- line-height: 5.4rem;
|
|
|
- width: 100%;
|
|
|
- font-size: 2.8rem;
|
|
|
- text-align: center;
|
|
|
- background: url(@/assets/images/business/deviceManage/tvWall/headerBg.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- position: relative
|
|
|
- }
|
|
|
-
|
|
|
.statisticBox {
|
|
|
text-align: center;
|
|
|
margin-top: 2rem;
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
// margin-bottom:2rem;
|
|
|
- >div {
|
|
|
- display: inline-block;
|
|
|
- width: 10.9rem;
|
|
|
- height: 4rem;
|
|
|
- line-height: 4rem;
|
|
|
- text-align: center;
|
|
|
- margin-right: 2rem;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/warning.png)
|
|
|
- }
|
|
|
-
|
|
|
- div:nth-child(2) {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/default.png)
|
|
|
- }
|
|
|
-
|
|
|
- div:last-child {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/offline.png)
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.main-inner {
|
|
@@ -763,18 +642,6 @@ aside {
|
|
|
// display:block;
|
|
|
float: left;
|
|
|
margin-right: 1.5rem;
|
|
|
-
|
|
|
- .title {
|
|
|
- width: 100%;
|
|
|
- height: 2.6rem;
|
|
|
- line-height: 2.6rem;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- text-align: center;
|
|
|
- background: url(@/assets/images/business/deviceManage/tvWall/titleBg.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
-
|
|
|
.warningInfo {
|
|
|
position: absolute;
|
|
|
top: 3.5rem;
|
|
@@ -879,27 +746,6 @@ aside {
|
|
|
height: calc(100% - 10rem);
|
|
|
}
|
|
|
|
|
|
- .batteryImg {
|
|
|
- width: 3.2rem;
|
|
|
- position: absolute;
|
|
|
- top: 3.8rem;
|
|
|
- right: 1.2rem;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/battery.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- padding-right: 0.3rem;
|
|
|
- }
|
|
|
-
|
|
|
- .switchControl {
|
|
|
- width: 15rem;
|
|
|
- height: 15rem;
|
|
|
- text-align: center;
|
|
|
- line-height: 15rem;
|
|
|
- font-size: 2.6rem;
|
|
|
- color: #0390FF;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/switchBg.png);
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
-
|
|
|
.footerText {
|
|
|
position: absolute;
|
|
|
bottom: 1rem;
|
|
@@ -909,30 +755,6 @@ aside {
|
|
|
color: #C9C9C9
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .warningBg {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/warningBg.png);
|
|
|
- }
|
|
|
-
|
|
|
- .faultBg {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/faultBg.png);
|
|
|
- }
|
|
|
-
|
|
|
- .offlineBg {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/offlineBg.png);
|
|
|
- }
|
|
|
-
|
|
|
- .normalBg {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/blockOneBg.png);
|
|
|
- }
|
|
|
-
|
|
|
- block:nth-child(6n+6) .blockOne {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
-
|
|
|
- // .blockOne:first-child{
|
|
|
- // background-image:url(@/assets/images/business/deviceManage/tvWall/warningBg.png);
|
|
|
- // }
|
|
|
}
|
|
|
|
|
|
footer {
|
|
@@ -960,62 +782,7 @@ aside {
|
|
|
// overflow-x: auto;
|
|
|
position: relative;
|
|
|
|
|
|
- div.swiper-slide {
|
|
|
- display: inline-block;
|
|
|
- width: 13rem !important;
|
|
|
- // padding:0 2rem;
|
|
|
- height: 4rem;
|
|
|
- line-height: 4rem;
|
|
|
- font-size: 1.6rem;
|
|
|
- text-align: center;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/footerBg.png);
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- span {
|
|
|
- width: 7.95rem;
|
|
|
- display: inline-block;
|
|
|
- white-space: nowrap;
|
|
|
- /* 不换行 */
|
|
|
- overflow: hidden;
|
|
|
- /* 超出部分隐藏 */
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-slide.active,
|
|
|
- .swiper-slide:hover {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/footerBgActive.png);
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-button-next,
|
|
|
- .swiper-rtl .swiper-button-prev {
|
|
|
- width: 1.6rem;
|
|
|
- height: 4rem;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/arrowRight.png);
|
|
|
- right: var(--swiper-navigation-sides-offset, -4rem);
|
|
|
- left: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-button-prev,
|
|
|
- .swiper-rtl .swiper-button-next {
|
|
|
- width: 1.6rem;
|
|
|
- height: 4rem;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/arrowLeft.png);
|
|
|
- left: var(--swiper-navigation-sides-offset, -4rem);
|
|
|
- right: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-button-next:hover,
|
|
|
- .swiper-rtl .swiper-button-prev:hover {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/arrowRightActive.png);
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-button-prev:hover,
|
|
|
- .swiper-rtl .swiper-button-next:hover {
|
|
|
- background-image: url(@/assets/images/business/deviceManage/tvWall/arrowLeftActive.png);
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
.swiper-button-prev:after,
|
|
|
.swiper-rtl .swiper-button-next:after,
|
|
@@ -1051,18 +818,6 @@ aside {
|
|
|
display: none
|
|
|
}
|
|
|
|
|
|
- .btn-prev {
|
|
|
- position: absolute;
|
|
|
- left: .7rem;
|
|
|
- background: url(@/assets/images/business/deviceManage/tvWall/leftArrowBig.png);
|
|
|
- }
|
|
|
-
|
|
|
- .btn-next {
|
|
|
- position: absolute;
|
|
|
- right: .7rem;
|
|
|
- background: url(@/assets/images/business/deviceManage/tvWall/rightArrowBig.png);
|
|
|
- }
|
|
|
-
|
|
|
.btn-prev,
|
|
|
.btn-next {
|
|
|
background-size: 100% 100%;
|