liuyg
2021-06-16 f2213f363f4c012e6c43d751d4b0f635f4e49278
图例细节
4 files modified
34 ■■■■■ changed files
index.html 2 ●●●●● patch | view | raw | blame | history
widgets/legends/Widget.html 10 ●●●● patch | view | raw | blame | history
widgets/legends/css/style.css 21 ●●●● patch | view | raw | blame | history
widgets/searchL/Widget.js 1 ●●●● patch | view | raw | blame | history
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 -->
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>
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; */
}
widgets/searchL/Widget.js
@@ -98,6 +98,7 @@
                $(".searchColce").click(function () {
                    $('.searchLMain').hide();
                    that.addOneEntitys.removeAll();
                    topic.publish('getLegendsData', '');
                })
                $("#local_data").keyup(function (e) {