mirror of
https://github.com/hpd840321/starRiverProperty.git
synced 2026-06-09 16:30:29 +08:00
反编译工作区
1 line
8.9 KiB
CSS
1 line
8.9 KiB
CSS
.track-card-container{width:275px;padding:8px 6px;background:#fafdff;border-radius:6px;border:1px solid #e1e9f1}.track-card-container .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.track-card-container .title .time{font-size:12px;font-weight:400;color:#42526e}.track-card-container .title .count{height:20px;padding:2px 6px;background:rgba(2,178,144,.1);border-radius:2px;text-align:center;line-height:20px;font-size:12px;font-weight:400;color:#02b290}.track-card-container .title img{width:16px;height:16px;cursor:pointer}.track-card-container .hide-container.hide{display:none}.track-card-container .hide-container .device{height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.track-card-container .hide-container .device img{width:16px;height:16px}.track-card-container .hide-container .device span{display:inline-block;margin-left:4px;font-size:12px;font-weight:400;color:#7a869a}.track-card-container .hide-container .image-container{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.track-card-container .hide-container .image-container .imgbox{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;width:252px}.track-card-container .hide-container .image-container .imgbox img{width:60px;height:60px;border:1px solid rgba(220,223,227,.5);margin-right:4px}.track-card-container .hide-container .image-container .right-container{position:absolute;right:0;height:60px;width:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.track-card-container .hide-container .leave{background:rgba(233,239,244,.24);border-radius:10px;display:inline-block;padding:2px 6px;font-size:12px;font-weight:400;color:#a0aabc;text-align:right;margin-left:166px}.track-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:16px;left:16px;height:calc(100% - 116px);width:321px;background:#fff;-webkit-box-shadow:0 2px 4px 1px rgba(122,134,154,.4);box-shadow:0 2px 4px 1px rgba(122,134,154,.4)}.track-menu,.track-menu .exit{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.track-menu .exit{right:0;top:0;width:64px;height:26px;background:#f6f6f6;border-radius:0 0 0 4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.track-menu .exit img{width:16px;height:16px;margin-right:4px}.track-menu .exit .text{font-size:12px;font-weight:400;color:#7a869a}.track-menu .trackInfo{padding:12px}.track-menu .trackInfo .info-item{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.track-menu .trackInfo .info-item:last-child{margin-bottom:0}.track-menu .trackInfo .info-item .label{font-size:12px;font-weight:600;color:#42526e;margin-right:6px}.track-menu .trackInfo .info-item .label:after{content:"："}.track-menu .trackInfo .info-item .value{font-size:12px;font-weight:400;color:#42526e}.track-menu .trackInfo .info-item .value .deviceName{margin-bottom:10px}.track-menu .trackInfo .info-item .imgWrap{width:90px;height:90px;border:1px solid rgba(0,117,218,.1);padding:4px;background:-webkit-gradient(linear,right top,left top,from(#0075da),to(#0075da)) 0 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from(#0075da),to(#0075da)) 0 0 no-repeat,-webkit-gradient(linear,right top,left top,from(#0075da),to(#0075da)) 100% 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from(#0075da),to(#0075da)) 100% 0 no-repeat,-webkit-gradient(linear,right top,left top,from(#0075da),to(#0075da)) 0 100% no-repeat,-webkit-gradient(linear,left top,left bottom,from(#0075da),to(#0075da)) 0 100% no-repeat,-webkit-gradient(linear,right top,left top,from(#0075da),to(#0075da)) 100% 100% no-repeat,-webkit-gradient(linear,right top,left top,from(#0075da),to(#0075da)) 100% 100% no-repeat;background:linear-gradient(270deg,#0075da,#0075da) 0 0 no-repeat,linear-gradient(180deg,#0075da,#0075da) 0 0 no-repeat,linear-gradient(270deg,#0075da,#0075da) 100% 0 no-repeat,linear-gradient(180deg,#0075da,#0075da) 100% 0 no-repeat,linear-gradient(270deg,#0075da,#0075da) 0 100% no-repeat,linear-gradient(180deg,#0075da,#0075da) 0 100% no-repeat,linear-gradient(270deg,#0075da,#0075da) 100% 100% no-repeat,linear-gradient(270deg,#0075da,#0075da) 100% 100% no-repeat;background-size:2px 6px,6px 2px,2px 6px,6px 2px}.track-menu .trackInfo .info-item .imgWrap img{width:100%;height:100%}.track-menu .extra{position:absolute;height:13px;right:0;bottom:0}.track-menu .track-container{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f0f4fc;padding:12px 16px;overflow-y:auto}.track-menu .track-container .title-wrap{height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.track-menu .track-container .title-wrap .title{font-size:12px;font-weight:600;color:#42526e}.track-menu .track-container .title-wrap img{width:16px;height:16px;cursor:pointer}.track-menu .track-container .title-wrap img.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.track-menu .el-timeline-item__wrapper{padding-left:16px!important}.track-control{position:absolute;bottom:16px;left:380px;width:1027px;height:84px;background:#fff;-webkit-box-shadow:0 2px 4px 1px rgba(122,134,154,.4);box-shadow:0 2px 4px 1px rgba(122,134,154,.4);border-radius:4px;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.track-control .control{width:16px;height:16px;cursor:pointer}.track-control .time{font-size:12px;font-weight:400;color:rgba(81,89,109,.8)}.track-control .progress{width:312px;margin:0 10px}.track-control .currentTime{font-size:12px;font-weight:500;color:#0075da;position:absolute;top:14px;left:300px}.track-control .restart{width:24px;height:24px;cursor:pointer}.track-control .play{width:40px;height:40px;margin-left:22px;margin-right:22px;cursor:pointer}.track-control .close-btn{width:64px;height:28px;border-radius:16px;border:1px solid #dcdfe3;text-align:center;font-size:12px;font-weight:400;color:#3d4c66;line-height:28px;margin-right:20px;cursor:pointer}.speed-container{width:66px!important;min-width:66px!important}.speed-container .speed-item{text-align:center;font-size:12px;font-weight:400;color:#42526e;margin-bottom:12px;cursor:pointer}.speed-container .speed-item.active{color:#0075da}.speed-container .speed-item:last-child{margin-bottom:0}.speed-select{font-size:12px;font-weight:400;color:#42526e;margin:0 20px;cursor:pointer}.track-detail{position:absolute;top:16px;right:16px;padding:10px;width:320px;height:289px;background:#fff;-webkit-box-shadow:0 2px 4px 1px rgba(122,134,154,.4);box-shadow:0 2px 4px 1px rgba(122,134,154,.4)}.track-detail.hide{display:none}.track-detail .title{font-size:12px;font-weight:600;color:#42526e}.track-detail .close-wrap{position:absolute;top:10px;right:10px;cursor:pointer}.track-detail .close-wrap img{width:16px;height:16px}.track-detail .detail-item{font-size:12px;font-weight:400;color:#42526e;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.track-detail .detail-item img{width:16px;margin-right:7px}.track-detail .actions{text-align:right;margin-top:6px}.track-detail .actions img{width:12px;height:12px;margin-right:11px;cursor:pointer}.track-detail .actions img:last-child{margin-right:0}.fc-map .map-info-window{width:auto!important}.mapInfoContainer{width:1080px;height:606px}.map-track{height:100%;background:#fff;position:relative}.map-track .amap-info-content{padding:0}.map-track .map-track-infowindow .track-info-container{width:280px;height:238px;overflow-y:auto;padding:9px;position:relative}.map-track .map-track-infowindow .track-info-container .title{width:60px;font-size:12px;font-weight:600;color:#42526e}.map-track .map-track-infowindow .track-info-container .close-icon{width:16px;height:16px;cursor:pointer;position:absolute;top:12px;right:10px}.map-track .map-track-infowindow .track-info-container .img-container{width:100%;height:188px;overflow-y:auto;margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.map-track .map-track-infowindow .track-info-container .img-container .img-wrap{position:relative;height:60px}.map-track .map-track-infowindow .track-info-container .img-container .img-wrap img{margin-right:4px}.map-track .map-track-infowindow .track-info-container .img-container .img-wrap .time{position:absolute;left:15px;bottom:4px;font-size:12px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(66,82,110,.7)}.amap-info-close{display:none!important} |