图例内容/效果实现

chenzeping

2021-03-05 027d237a54bd813b811f77bec4d778be543c2a6d

 src/components/LayerController/BaseMapController.vue

@@ -1,7 +1,7 @@
<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>
@@ -9,7 +9,7 @@
  name: 'BaseMapController',
  mixins: [],
  components: [],
  data() {
  data () {
    return {
      basemapLayers: [
        {
@@ -79,25 +79,28 @@
</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>