| | |
| | | // 全局变量 |
| | | @import './variables.scss'; |
| | | |
| | | @import './base.scss'; |
| | | @import './tool.scss'; |
| | | a { |
| | | text-decoration: none; |
| | | color: #333; |
| | |
| | | .avue-sidebar, |
| | | .avue-top, |
| | | .avue-logo, |
| | | .avue-layout |
| | | .login-logo, |
| | | .avue-layout .login-logo, |
| | | .avue-main { |
| | | transition: all .3s; |
| | | } |
| | | |
| | | .avue-layout { |
| | | display: flex; |
| | | width: 100%; |
| | | height: 100%; |
| | | background: url("@/assets/images/layoutBg.png") no-repeat center / 100% 100%; |
| | | overflow: hidden; |
| | | |
| | | &--horizontal { |
| | |
| | | height: $top_height; |
| | | display: flex; |
| | | |
| | | .avue-menu, .el-menu-item, .el-sub-menu__title { |
| | | .avue-menu, |
| | | .el-menu-item, |
| | | .el-sub-menu__title { |
| | | height: $top_height; |
| | | line-height: $top_height; |
| | | } |
| | |
| | | } |
| | | |
| | | .avue--collapse { |
| | | |
| | | .avue-sidebar, |
| | | .avue-logo { |
| | | width: $sidebar_collapse; |
| | |
| | | flex: 1; |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | background: #f0f2f5; |
| | | // background: #f0f2f5; |
| | | } |
| | | |
| | | #avue-view { |
| | | flex: 1; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | margin-bottom: 10px; |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .avue-view { |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | .main-avue-view-container { |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .avue-footer { |
| | |
| | | @import './media.scss'; |
| | | //滚动条样式 |
| | | @include scrollBar; |
| | | |
| | | |
| | | // 地图区域html标签样式调整 |
| | | .div-icon { |
| | | padding: 0px !important; |
| | | border: none !important; |
| | | background: transparent !important; |
| | | border-radius: 50% !important; |
| | | |
| | | .point-icon-box { |
| | | width: 28px; |
| | | height: 28px; |
| | | line-height: 28px; |
| | | text-align: center; |
| | | font-size: 16px; |
| | | color: #fff; |
| | | background: rgb(255, 186, 0); |
| | | border-radius: 50%; |
| | | } |
| | | } |
| | | |
| | | .ztzf-cesium { |
| | | .cesium-viewer { |
| | | height: 100%; |
| | | overflow: hidden; |
| | | |
| | | .cesium-viewer-cesiumWidgetContainer { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .cesium-widget { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | canvas { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .cesium-viewer-bottom { |
| | | display: none; |
| | | } |
| | | } |