From 626003e9beb59cf711f59f3b48087300070f121e Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 15 三月 2024 09:49:31 +0800
Subject: [PATCH] 优化
---
src/components/sideMenu/layerMenu/layerPanel2.vue | 52 +++++++++++++++++++++++++++++++++-------------------
1 files changed, 33 insertions(+), 19 deletions(-)
diff --git a/src/components/sideMenu/layerMenu/layerPanel2.vue b/src/components/sideMenu/layerMenu/layerPanel2.vue
index 571844b..510946f 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
@@ -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 {
--
Gitblit v1.9.3