修改左上角功能实现部分

chenzeping

2021-03-15 aaa4266212e36aabb1926c3e0e255ca274599f4a

修改左上角功能实现部分

 src/assets/css/map/_map-variable.less

@@ -3,6 +3,7 @@
@color-gray: #C0C4CC;
@color-title: white;
@color-over: white;
@color-tool:#C0C4CC;
@background-color: rgba(0, 16, 30, .8);
@background-color-light: rgba(40, 50, 100, .4);
@background-color-split: rgba(0, 255, 246, .14);

 src/assets/css/map/map-panel-style.less

@@ -147,5 +147,9 @@
    height: 45px;
    background: @background-color-tools;
    vertical-align: middle !important;
    img {
      width: 16px;
      height: 16px;
    }
  }
}

 src/assets/images/map-pages/icon/toolbox/circle.png

 src/assets/images/map-pages/icon/toolbox/ju.png

 src/assets/images/map-pages/icon/toolbox/line.png

 src/assets/images/map-pages/icon/toolbox/map.png

 src/assets/images/map-pages/icon/toolbox/polygon.png

 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;
      }
    }