优化

lixuliang

2024-03-15 626003e9beb59cf711f59f3b48087300070f121e

 src/components/sideMenu/layerMenu/layerPanel2.vue

@@ -67,6 +67,7 @@
            funcValue.name
          }}</span>
        </div>
        <!-- <div style="height: 0" class="layerItem" v-for="n in 3" :key="n"></div> -->
      </div>
      <!-- <div class="container">
        <div
@@ -208,7 +209,7 @@
      ],
      zhuantiList: ZTTitem,
      //curMapModelIndex: 1,
      curEMapModelIndex: 1,
      curEMapModelIndex: 0,
      curSMapModelIndex: -1,
      curAreaTypeIndex: -1,
      curYjIndex: -1,
@@ -275,11 +276,11 @@
      switch (result.name) {
        case "二维地图":
          loadGeoMap();
          loadBaseMap();
          addAnnotationLayer();
          // loadBaseMap();
          // addAnnotationLayer();
          addHxLayer();
          addYzLayer();
          window.mapapi.getView().setZoom(14);
          // window.mapapi.getView().setZoom(14);
          break;
        case "影像地图":
          addImageLayer();
@@ -442,7 +443,7 @@
                url: "https://skyzt.bda.gov.cn/gisserver/wmsserver/chengshiguihua_dikuaibianhao",
                params: {
                  VERSION: "1.1.1",
                  SRS: "EPSG:4326",
                  SRS: "EPSG:3857",
                  FORMAT: "image/png",
                  TILED: true,
                  LAYERS: "",
@@ -551,7 +552,7 @@
  align-items: center;
  /* padding: 0.1rem; */
  background: #ffffff;
  z-index: 1000;
  /* z-index: 1000; */
  /* padding-left: 0.25rem; */
  border-radius: 15px 15px 0px 0px;
}
@@ -575,8 +576,7 @@
  line-height: 15px;
  margin-bottom: 18px;
}
.container {
  width: 100%;
.mapMode .container {
  display: flex;
  align-items: center;
  text-align: center;
@@ -588,27 +588,27 @@
  font-family: "微软雅黑";
  font-weight: 400;
  cursor: pointer;
  text-align: center;
}
.mapMode .layerItem {
  width: 91px;
  width: 0.8rem;
  margin-right: 24px;
}
.mapMode img {
  display: block;
  width: 91px;
  width: 100%;
  border-radius: 11px;
  border: 1px dashed #127dff;
  /* height: 40px; */
  margin-bottom: 11px;
}
span {
  font-family: "微软雅黑";
  font-weight: 500;
  font-size: 15px;
  color: #212121;
  font-size: 0.12rem;
  color: #6e6969;
  line-height: 12px;
}
.active {
.mapMode .active,
.areaType .active {
  color: #127dff;
  border: 2px solid #127dff;
  border-radius: 10px;
@@ -621,17 +621,31 @@
  width: 100%;
  margin-top: 30px;
}

.areaType .ZTtitle {
  margin-left: 28px;
  margin-bottom: 3px;
}
.areaType .container{
  padding: 0 18px 22px;
  justify-content: space-between;
.areaType .container {
  margin-top: 18px;
  padding: 0 4%;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}
.areaType .layerItem {
  margin-bottom: 15px;
}

.areaType img {
  margin: 0 auto;
  /* background-color: green; */
  display: block;
  width: 84px;
  width: 0.5rem;
  border-radius: 11px;
  box-shadow: 0 0 5px 5px rgb(196 222 236 / 30%);
  margin-bottom: 11px;
}

.more {