| | |
| | | <mapsdk></mapsdk> |
| | | <top class="title" ref="title"></top> |
| | | <left class="mapleft" :style="{ width: leftWidth }" ref="mapleft"></left> |
| | | <right class="mapright" :style="{ width: rightWidth }" ref="mapright"></right> |
| | | <right |
| | | class="mapright" |
| | | :style="{ width: rightWidth }" |
| | | ref="mapright" |
| | | ></right> |
| | | <bottom class="mapbottom" ref="mapbottom"></bottom> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import mapsdk from "@/components/Screen/mapsdk.vue" |
| | | import top from "../../components/Screen/top.vue" |
| | | import left from "@/components/Screen/left.vue" |
| | |
| | | rightWidth: "20%", |
| | | } |
| | | }, |
| | | mounted() { }, |
| | | created() { }, |
| | | mounted() {}, |
| | | created() {}, |
| | | methods: { |
| | | //修改左侧宽度 |
| | | ChangeWidth(parm) { |
| | |
| | | } else { |
| | | this.leftWidth = "20%" |
| | | } |
| | | }; |
| | | if (parm == "leftView" || parm == "leftTree") { this.leftWidth = "20%" } |
| | | |
| | | |
| | | } |
| | | if (parm == "leftView" || parm == "leftTree") { |
| | | this.leftWidth = "20%" |
| | | } |
| | | |
| | | if (parm == "right") { |
| | | if (this.rightWidth == "20%") { |
| | |
| | | height: 90px; |
| | | width: 100%; |
| | | z-index: 999; |
| | | }</style> |
| | | } |
| | | </style> |
| | | |
| | | <style lang="less"> |
| | | .themaic { |
| | | .aside-title { |
| | | padding-left: 30px; |
| | | height: 27px; |
| | | line-height: 27px; |
| | | background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%); |
| | | font-size: 15px; |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular; |
| | | -webkit-background-clip: text; |
| | | color: #fff; |
| | | } |
| | | } |
| | | </style> |