| | |
| | | .el-drawer__header { |
| | | color: #fff; |
| | | } |
| | | .p_motor_drawer { |
| | | background: url('~@/assets/images/dw_bg.png') 50% 50% / auto no-repeat; |
| | | } |
| | | .p_motor_drawer.drawer_alarm { |
| | | height: 60%; |
| | | } |
| | |
| | | -ms-user-select: none; |
| | | } |
| | | |
| | | |
| | | .global_bg, |
| | | .root_node { |
| | | background: #041b3f; |
| | | color: #fff; |
| | | background-image: radial-gradient(100% 200% at 50% 0, #084675 0, transparent 30%); |
| | | } |
| | | .el-drawer { |
| | | background: #0c4d76; |
| | | } |
| | | /*指示灯*/ |
| | | .cell-indicator, |
| | | .cell_indicator div, |
| | |
| | | <template> |
| | | <div class="ele-map-wrap posR"> |
| | | <div class="btn_grp"> |
| | | <div class="btn_3d" @click="goTo('/other/circuit')">电路二视图</div> |
| | | <div class="btns_grp"> |
| | | <div class="btn" @click="goTo('/other/circuit')">电路二视图</div> |
| | | </div> |
| | | <!-- 图 --> |
| | | <div class="wraper-canvas" ref="container" @click="handleClick"> |
| | |
| | | .ele-map-container { |
| | | height: 100%; |
| | | } |
| | | .btn { |
| | | line-height: 30px; |
| | | border: 1px #00f7f9 solid; |
| | | -webkit-border-radius: 4px; |
| | | border-radius: 4px; |
| | | background: #0c4d76; |
| | | text-align: center; |
| | | } |
| | | .ele-map-mask { |
| | | position: absolute; |
| | | top: 0; |
| | |
| | | left: 0; |
| | | right: 0; |
| | | } |
| | | .btn_grp { |
| | | .btns_grp { |
| | | position: absolute; |
| | | left: 20px; |
| | | top: 20px; |
| | | z-index: 1; |
| | | } |
| | | .btn_grp .btn_3d { |
| | | .btns_grp .btn { |
| | | width: 8em; |
| | | } |
| | | .wraper-canvas { |
| | |
| | | font-family: Avenir, Helvetica, Arial, sans-serif; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | background: url('~@/assets/images/dw_bg.png') no-repeat; |
| | | background: #041b3f; |
| | | background-size: 100% 100%; |
| | | padding-left: 0.1rem; |
| | | padding-right: 0.1rem; |
| | |
| | | font-family: Avenir, Helvetica, Arial, sans-serif; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | /*background: url('~@/assets/images/dw_bg.png') no-repeat;*/ |
| | | background-size: 100% 100%; |
| | | padding-left: 0.1rem; |
| | | padding-right: 0.1rem; |
| | |
| | | right: 0; |
| | | bottom: 0; |
| | | height: auto; |
| | | background: url(~@/assets/images/dw_bg.png) no-repeat; |
| | | background: #041b3f; |
| | | z-index: 99; |
| | | } |
| | | .temp_grp { |
| | |
| | | <style scoped> |
| | | .page_circuit { |
| | | /*background: #fff;*/ |
| | | background: rgba(100, 100, 100, .8); |
| | | /*background: rgba(100, 100, 100, .8);*/ |
| | | display: -webkit-flex; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | .page_circuit.fullScreen { |
| | | position: fixed; |
| | | padding: 10px; |
| | | background: url('~@/assets/images/dw_bg.png') 50% 50% / auto no-repeat; |
| | | background: #041b3f; |
| | | } |
| | | .p_main { |
| | | overflow-y: auto; |
| | |
| | | top: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | background: url('~@/assets/images/dw_bg.png') no-repeat; |
| | | background: #041b3f; |
| | | z-index: 9; |
| | | } |
| | | .footer .fullScreen .table_wrap { |
| | |
| | | top: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | background: url('~@/assets/images/dw_bg.png') no-repeat; |
| | | background: #041b3f; |
| | | z-index: 9; |
| | | } |
| | | .footer .fullScreen .table_wrap { |