From f2213f363f4c012e6c43d751d4b0f635f4e49278 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 16 Jun 2021 14:31:28 +0800
Subject: [PATCH] 图例细节
---
widgets/legends/Widget.html | 10 +++++-----
index.html | 2 --
widgets/legends/css/style.css | 21 +++++++++++++++++----
widgets/searchL/Widget.js | 1 +
4 files changed, 23 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 1617c27..11406ad 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,6 @@
<script src="libs/jquery/jquery-3.3.1.min.js"></script>
<!--layer引用-->
<script src="libs/layer/layer.js"></script>
- <!-- layui -->
- <script src="libs/layer/layer.js"></script>
<!--空间分析插件turf引用-->
<script src="libs/turf/turf.min.js"></script>
<!-- layui -->
diff --git a/widgets/legends/Widget.html b/widgets/legends/Widget.html
index bd24c86..52c617f 100644
--- a/widgets/legends/Widget.html
+++ b/widgets/legends/Widget.html
@@ -2,16 +2,16 @@
<div class="title">图层列表</div>
<div class="main">
<div id="legendsInquanjing">
- <div class="m-init"> <i><img src="./images/addL/全景.png" /></i> 全景站点 <i>(0个)</i> </div>
+ <div class="m-init"> <i class="m-init-h"><img src="./images/addL/全景.png" /></i> 全景站点 <i>(0个)</i> </div>
<!-- <div class="m-init m-i-child"> <i></i> 大湖池<i>(1个)</i> </div>
<div class="m-init m-i-child"> <i></i> 战备胡 <i>(1个)</i> </div> -->
</div>
<div id="legendsInjiankong">
- <div class="m-init"> <i><img src="./images/addL/监控.png" /></i> 监控站点 <i>(0个)</i> </div>
+ <div class="m-init"> <i class="m-init-h"><img src="./images/addL/监控.png" /></i> 监控站点 <i>(0个)</i> </div>
<!-- <div class="m-init m-i-child"> <i></i> 大湖池 <i>(1个)</i> </div> -->
</div>
- <div class="m-init"> <i><img src="./images/addL/forgin.png" /></i> 鄱阳湖面积 <i>(3253.52公顷)</i> </div>
- <div class="m-init"> <i><img src="./images/addL/fred.png" /></i> 鄱阳湖范围 <i></i> </div>
- <div class="m-init"> <i><img src="./images/addL/fblue.png" /></i> 其他 <i></i> </div>
+ <div class="m-init"> <i class="m-init-h"><img src="./images/addL/forgin.png" /></i> 鄱阳湖面积 <i>(3253.52公顷)</i> </div>
+ <div class="m-init"> <i class="m-init-h"><img src="./images/addL/fred.png" /></i> 鄱阳湖范围 <i></i> </div>
+ <div class="m-init"> <i class="m-init-h"><img src="./images/addL/fblue.png" /></i> 其他 <i></i> </div>
</div>
</div>
\ No newline at end of file
diff --git a/widgets/legends/css/style.css b/widgets/legends/css/style.css
index 70808b0..99d7e7d 100644
--- a/widgets/legends/css/style.css
+++ b/widgets/legends/css/style.css
@@ -18,13 +18,18 @@
z-index: 15 !important;
box-sizing: border-box;
padding: 0 6px 0 6px!important;
- overflow: auto;
+ /* overflow: auto; */
transition: all 2s;
}
.jimu-widget-legends .title {
/* margin: 10px 0 7px 0; */
font-size: 18px;
+}
+
+.jimu-widget-legends .main {
+ max-height: 300px !important;
+ overflow: auto;
}
.jimu-widget-legends .main .m-init {
@@ -37,26 +42,34 @@
font-size: 15px;
}
+.jimu-widget-legends .main .m-i-child {
+ width: 83%;
+ display: block;
+ position: relative;
+ left: 16%;
+}
+
.jimu-widget-legends .main .m-init i {
display: inline-block;
font-style: normal;
}
-.jimu-widget-legends .main .m-init i:nth-child(1) {
+.jimu-widget-legends .main .m-init-h {
display: inline-block;
width: 20px;
/* height: 0.6rem; */
/* border: 1px solid springgreen; */
background-size: 100%;
- margin-right: 15px;
+ margin-right: 15px !important;
}
.jimu-widget-legends .main .m-init img {
width: 24px;
+ margin-right: 5px !important;
/* position: relative;
top: -5.5px; */
}
.jimu-widget-legends .main .m-i-child i:nth-child(1) {
- margin-right: 31px !important;
+ /* margin-right: 30px !important; */
}
\ No newline at end of file
diff --git a/widgets/searchL/Widget.js b/widgets/searchL/Widget.js
index b3793d0..4d092e7 100644
--- a/widgets/searchL/Widget.js
+++ b/widgets/searchL/Widget.js
@@ -98,6 +98,7 @@
$(".searchColce").click(function () {
$('.searchLMain').hide();
that.addOneEntitys.removeAll();
+ topic.publish('getLegendsData', '');
})
$("#local_data").keyup(function (e) {
--
Gitblit v1.9.3