From ac755c3add30177675e189cf7cb637e1f09eb827 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 08 三月 2024 17:36:51 +0800
Subject: [PATCH] 20240308

---
 src/components/sideMenu/layerMenu/layerPanel2.vue |   32 +++++++++++++++++++++++---------
 1 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/components/sideMenu/layerMenu/layerPanel2.vue b/src/components/sideMenu/layerMenu/layerPanel2.vue
index 571844b..6a2f1ba 100644
--- a/src/components/sideMenu/layerMenu/layerPanel2.vue
+++ b/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 {

--
Gitblit v1.9.3