{"remainingRequest":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\homePage.vue?vue&type=style&index=0&id=5623cc3c&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\homePage.vue","mtime":1701745912029},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_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\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 \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 \r\n}\r\n.section-header{\r\n width: 332px;\r\n height: 30px;\r\n margin-left: 16px;\r\n margin-top: 20px;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n line-height: 30px;\r\n background: url('../../assets/img/bigScreen/title.png') no-repeat center / 100% 100%;\r\n}\r\n.section-header span{\r\n margin-left: 32px;\r\n font-size: 14px;\r\n}\r\n.section-content{\r\n width: 328px;\r\n height: 28%;\r\n margin-left: 16px;\r\n margin-top: 8px;\r\n display: flex;\r\n background: url('../../assets/img/bigScreen/content.png') no-repeat center / 100% 100%;\r\n}\r\n.tollstation-infor{\r\n width: 100%;\r\n height: 53%;\r\n display: flex;\r\n flex-direction: column;\r\n // background-color: red;\r\n}\r\n.icon-transit-time{\r\n height: 100px;\r\n width: 100px;\r\n margin-top: 16px;\r\n margin-left: 16px;\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 margin-top: 16px;\r\n margin-left: 16px;\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: 80px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-content: space-between;\r\n margin-top: 16px;\r\n margin-left: 16px;\r\n}\r\n.container-name{\r\n display: block;\r\n width: 100%;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n}\r\n.transaction-rate-name{\r\n display: block;\r\n width: 100%;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n}\r\n.container-content{\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.container-content-min{\r\n display: block;\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.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]}