修改左上角功能实现部分

chenzeping

2021-03-15 aaa4266212e36aabb1926c3e0e255ca274599f4a

 src/components/panel/ToolBoxPanel.vue

@@ -19,7 +19,9 @@
            <span>{{ item.label }}</span>
          </el-button>
          <el-button v-for="(itemT,indexT) in item.items" :key="indexT">
            <i class="el-icon-s-tools"></i>
            <!--            <i class="el-icon-s-tools"></i>-->
            <img :src="itemT.icon" alt=""/>
            <!--            <span>{{ itemT.label }}</span>-->
          </el-button>
        </el-popover>
      </el-row>
@@ -31,10 +33,14 @@
</template>

<script>
import circle from '@assets/images/map-pages/icon/toolbox/biaohui.png'
import location from '@assets/images/map-pages/icon/toolbox/celiang1.png'
import polygon from '@assets/images/map-pages/icon/toolbox/ditu.png'
import plot from '@assets/images/map-pages/icon/toolbox/biaohui.png'
import polygon from '@assets/images/map-pages/icon/toolbox/celiang1.png'
import location from '@assets/images/map-pages/icon/toolbox/ditu.png'
import fullscreen from '@assets/images/map-pages/icon/toolbox/xiazai.png'

// 标绘的可选择数据
import marker from '@assets/images/map-pages/icon/toolbox/map.png'
import line from '@assets/images/map-pages/icon/toolbox/line.png'

// import square from '@/assets/images/map-pages/icon/toolbox/square.png'
// 测量的方法
@@ -52,17 +58,19 @@
    return {
      menuList: [
        {
          icon: circle,
          icon: plot,
          label: '标绘',
          index: '1',
          items: [
            {
              index: '1-1',
              label: '点标绘'
              label: '点标绘',
              icon: marker
            },
            {
              index: '1-2',
              label: '线标绘'
              label: '线标绘',
              icon: line
            },
            {
              index: '1-3',
@@ -253,6 +261,7 @@
      height: 45px;
      background: @background-color-tools;
      border: none;
      box-shadow: 0 0 0.03rem #00fff6;

      img {
        width: 22px;
@@ -262,7 +271,7 @@
      span {
        display: block;
        font-size: 0.012rem;
        color: @color-over;
        color: @color-tool;
      }
    }