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