| | |
| | | <template> |
| | | <div class="floatPanel frontMap basemapLayer"> |
| | | <div v-for="item in basemapLayers" :key="item.id" class="basemapLayerItem">{{item.text}}</div> |
| | | </div> |
| | | <div class="floatPanel frontMap basemapLayer"> |
| | | <div v-for="item in basemapLayers" :key="item.id" class="basemapLayerItem">{{ item.text }}</div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | name: 'BaseMapController', |
| | | mixins: [], |
| | | components: [], |
| | | data() { |
| | | data () { |
| | | return { |
| | | basemapLayers: [ |
| | | { |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .frontMap{ |
| | | z-index: 1000; |
| | | } |
| | | .floatPanel{ |
| | | position: absolute; |
| | | top: 5px; |
| | | left: 5px; |
| | | width: 94px; |
| | | height: 32px; |
| | | } |
| | | .basemapLayer{ |
| | | border: lightgray 1px solid; |
| | | } |
| | | .basemapLayerItem{ |
| | | width: 26px; |
| | | height: 26px; |
| | | margin: 2px; |
| | | .frontMap { |
| | | z-index: 1000; |
| | | } |
| | | |
| | | float: left; |
| | | background-color: white; |
| | | } |
| | | .floatPanel { |
| | | position: absolute; |
| | | top: 5px; |
| | | left: 5px; |
| | | width: 94px; |
| | | height: 32px; |
| | | } |
| | | |
| | | .basemapLayer { |
| | | border: lightgray 1px solid; |
| | | } |
| | | |
| | | .basemapLayerItem { |
| | | width: 26px; |
| | | height: 26px; |
| | | margin: 2px; |
| | | |
| | | float: left; |
| | | background-color: white; |
| | | } |
| | | </style> |