20240308

lixuliang

2024-03-08 ac755c3add30177675e189cf7cb637e1f09eb827

 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
@@ -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;
@@ -598,7 +598,6 @@
  width: 91px;
  border-radius: 11px;
  border: 1px dashed #127dff;
  /* height: 40px; */
  margin-bottom: 11px;
}
span {
@@ -608,7 +607,8 @@
  color: #212121;
  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: 53px;
  border-radius: 11px;
  box-shadow: 0 0 5px 5px rgb(196 222 236 / 30%);
  margin-bottom: 11px;
}

.more {