网格面板调整

qinbo

2022-01-04 27111080389746d340c9caddf7136bef906ac414

网格面板调整

 css/style.css

@@ -330,10 +330,27 @@
  padding-right: 5px;
}

/*infoview_title窗口  */
.infoview_title {
  position: absolute;
  top: 10px;
  /* left: 10px; */
  padding: 10px 0px;
  border-radius: 4px;
  border: 1px solid rgba(128, 128, 128, 0.5);
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 14px rgba(128, 128, 128, 0.5);
  z-index: 19870101;
}
.infoview_title > div {
  margin-top: 5px;
}

/**infoview浮动面板*/
.infoview {
  position: absolute;
  top: 10px;
  top: 60px;
  left: 10px;
  padding: 10px 15px;
  border-radius: 4px;

 widgetsTS/widget_grid/view.html

@@ -14,13 +14,15 @@
<body class="dark">

  <!-- 面板 -->
  <div class="infoview">
  <div class="infoview_title">
    <div>
      <span style="padding-left:10px;"><a href="#" id="grid5000">5000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid3000">3000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid1000">1000米网格</a></span>
      <span style="padding-left:10px;"><a href="#" id="grid500">500米网格</a></span>
    </div>
  </div>
  <div class="infoview">
    <div>
      <label><input type='checkbox' id='show_gridmap' checked/>网格图</label>
    </div>

 widgetsTS/widget_grid/widget.js

@@ -9,8 +9,8 @@
        type: "window",
        url: "view.html",
        windowOptions: {
          width: 400,
          height: 320,
          width: 350,
          height: 345,
          left: 5,
          top: 120
        },