{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\homePage.vue?vue&type=style&index=0&id=74ee35bc&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\homePage.vue","mtime":1700593700201},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '../../views/BigScreen/bigScreen.scss';\r\n.screen-page{\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n background-color: #333640;\r\n \r\n}\r\n.screen-page-mask{\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: url('../../assets/img/bigScreen/modelbg-mask.png') no-repeat center / 100% 100%;\r\n pointer-events: none;\r\n}\r\n.tollstation-infor{\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.section1{\r\n width: 100%;\r\n height: 268px;\r\n margin-top: 16px;\r\n position: relative;\r\n .circle{\r\n width: 268px;\r\n height: 268px;\r\n margin: 0 auto;\r\n background: url('../../assets/img/bigScreen/diwen-circle.png') no-repeat center / 100% 100%;\r\n animation: circle 10s linear infinite;\r\n }\r\n .target{\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n width: 164px;\r\n height: 80px;\r\n background: url('../../assets/img/bigScreen/dikuang-home.png') no-repeat center / 100% 100%;\r\n .label{\r\n color: #FFFFFF;\r\n font-size: 12px;\r\n line-height: 18px;\r\n }\r\n .count{\r\n color: #FFFFFF;\r\n font-size: 22px;\r\n font-weight: 700;\r\n line-height: 29px;\r\n }\r\n }\r\n .target1{\r\n left: 0;\r\n top: 18px;\r\n align-items: flex-start;\r\n }\r\n .target2{\r\n right: 0;\r\n top: 48px;\r\n align-items: flex-end;\r\n }\r\n .zhiban{\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 112px;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n background: url('../../assets/img/bigScreen/content-dk.png') no-repeat center / 100% 100%;\r\n }\r\n .avator{\r\n width:80px;\r\n height: 80px;\r\n border: 1px solid #177EE5;\r\n }\r\n .zhiban-info{\r\n height: 80px;\r\n color: #fff;\r\n margin-left: 16px;\r\n justify-content: space-around;\r\n div{\r\n font-size: 14px;\r\n }\r\n }\r\n}\r\n\r\n\r\n@keyframes circle {\r\n 0% {\r\n transform: rotate(0deg);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: rotate(180deg);\r\n opacity: 0.8;\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n opacity: 1;\r\n }\r\n}\r\n\r\n\r\n\r\n.section-content-block{\r\n width: 100%;\r\n height: 132px;\r\n display: flex;\r\n margin-top: 16px;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n background: url('../../assets/img/bigScreen/content.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.icon-transit-time{\r\n height: 100px;\r\n width: 100px;\r\n background: url('../../assets/img/bigScreen/icon-transit-time.png') no-repeat center / 100% 100%;\r\n}\r\n.icon-transaction-rate{\r\n height: 100px;\r\n width: 100px;\r\n background: url('../../assets/img/bigScreen/icon-transaction-rate.png') no-repeat center / 100% 100%;\r\n}\r\n.section-content-container{\r\n width: calc(100% - 150px);\r\n height: 100px;\r\n justify-content: space-around;\r\n}\r\n.container-name{\r\n width: 100%;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n}\r\n.container-content-unit{\r\n margin-top: 50px;\r\n margin-left: 4px;\r\n width: 16px;\r\n height: 21px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 21px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.container-content-block{\r\n position: relative;\r\n margin-top: 15px;\r\n margin-right: 4px;\r\n width: 45px;\r\n height: 56px;\r\n background: #81888F;\r\n border-radius: 8px 8px 8px 8px;\r\n opacity: 1;\r\n\r\n line-height: 56px;\r\n text-align: center;\r\n}\r\n.container-content-line{\r\n display: inline-block;\r\n background-color: #81888F;\r\n width: 100%;\r\n height: 3px;\r\n top:49%;\r\n left: 0;\r\n position: absolute;\r\n z-index: 99;\r\n border-radius: 0px 0px 0px 0px;\r\n}\r\n.container-content-num{\r\n display: inline-block;\r\n position: absolute;\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n left: 26%;\r\n}\r\n\r\n.day-fee{\r\n width: 100%;\r\n height: 38%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n\r\n.sub-title{\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\nwidth: 326px;\r\nheight: 8.7%;\r\nmargin-top: 32px;\r\nmargin-left: 17px;\r\nbackground: url('../../assets/img/bigScreen/sub-title.png') no-repeat center / 100% 100%;\r\n}\r\n.sub-title img{\r\n width: 13px;\r\n height: 16px;\r\n}\r\n.sub-title span{\r\n display: block;\r\n height: 16px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 16px;\r\n margin-left: 8px;\r\n}\r\n.data-infor{\r\n width: 300px;\r\n height: 18.5%;\r\n margin-top: 32px;\r\n margin-left: 32px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n}\r\n.infor-title{\r\n display: block;\r\n width: 36px;\r\n height: 24%;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 16px;\r\n}\r\n.infor-figure{\r\n width: 213px;\r\n height: 12%;\r\n background: #656870;\r\n border-radius: 2px 2px 2px 2px;\r\n opacity: 1;\r\n margin-left: 8px;\r\n display: flex;\r\n}\r\n.infor-figure-actived{\r\nwidth: 90%;\r\nheight: 100%;\r\nopacity: 1;\r\n}\r\n.infor-number{\r\n margin-left: 14px;\r\n display: block;\r\n width: 25px;\r\n height: 24%;\r\n font-size: 12px;\r\nfont-weight: 400;\r\nline-height: 16px;\r\n}\r\n\r\n.travel-time{\r\n width: 100%;\r\n height: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.travel-time img{\r\n width: 360px;\r\n height: 389px;\r\n}\r\n.day-changes{\r\n width: 100%;\r\n height: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.yellow{\r\nbackground: linear-gradient(to left, #CAAD66 0%, rgba(202,173,102,0) 100%);\r\n}\r\n\r\n.yellow-color{\r\ncolor: #C9AC66;\r\n}\r\n.orange{\r\nbackground: linear-gradient(to left, #FF9751 0%, rgba(255,151,81,0) 100%);\r\n}\r\n.orange-color{\r\n color: #FC9651;\r\n}\r\n.green{\r\nbackground: linear-gradient(to left, #49FFB6 0%, rgba(73,255,182,0) 100%);\r\n}\r\n.green-color{\r\n color: #49FFB6;\r\n}\r\n.blue{\r\nbackground: linear-gradient(to left, #8ED3B7 0%, rgba(142,211,183,0) 100%);\r\n}\r\n.blue-color{\r\n color: #8ED3B7;\r\n}\r\n\r\n",null]}