工具样式

liuyg

2021-06-15 402bc6302c7e23949b473c70b9679a11d303129b

工具样式

 widgets/CoorPosition/Widget.html

@@ -2,7 +2,7 @@
    <div class="CoorPosition-zbdw" id="CoorPosition-zbdw">
        <span class="CoorPosition-zbdw-pic"></span>
        <div class="CoorPosition-zbdw-zbdw">坐标定位</div>
        <span class="CoorPosition-zbdw-x">x</span>
        <span class="CoorPosition-zbdw-x"><i class="layui-icon">&#x1006;</i></span>
    </div>
    <div class="CoorPosition-input">
        <div class="CoorPosition-input-JD mouseenterJD">

 widgets/CoorPosition/css/style.css

@@ -1,7 +1,7 @@
.jimu-widget-CoorPosition{
.jimu-widget-CoorPosition {
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* border: 1px solid rgb(69, 154, 251); */
  color: rgb(0, 0, 0);
  font-size: 16px;
  width: 100%;
@@ -9,6 +9,7 @@
  border-radius: 5px;
  display: none;
  box-sizing: border-box;
  box-shadow: 0 0 8px #fff;
}

.CoorPosition-zbdw {
@@ -32,23 +33,27 @@
.CoorPosition-zbdw-zbdw {
  width: 100%;
  line-height: 33px;
  font-size: 14px;
  font-size: 17px;
}

.CoorPosition-zbdw-x {
  position: absolute;
  right: 6px;
  right: 13px;
  top: 5px;
  width: 10px;
  font-size: 18px;
  cursor: pointer;
}

.CoorPosition-zbdw-x:hover{
  color: red;
}
.CoorPosition-input {
  width: 100%;
  /* background-color: blue; */
  padding: 8px 5px;
  font-size: 14px;
  font-size: 15px;
  position: relative;
  top: 5px;
}

.CoorPosition-input-JD {
@@ -69,11 +74,13 @@
  background-color: rgba(69, 154, 251, 0.35);
  border: none;
  text-indent: 2em;
  caret-color:rgba(69, 154, 251, 1);
  caret-color: rgba(69, 154, 251, 1);
  color: rgb(0, 0, 0);
}

.queDing {
  height: 28px;
  line-height: 5px;
  background-color: rgba(255, 255, 255);
  border: 1px solid rgba(69, 154, 251, 0.35);
  color: rgb(0, 0, 0);
@@ -81,7 +88,7 @@
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 3px 3px 20px -4px #3E9FFC;
  box-shadow: 3px 3px 15px -4px #3E9FFC;
}

.jiantou {
@@ -114,18 +121,4 @@
  right: -16px;
  width: 19px;
  height: 19px;
}














}

 widgets/MapPrinting/Widget.html

@@ -10,6 +10,8 @@
            <img class="MapPrinting-pic" src="../../images/newImages/打印.png" alt="">
            <span class="MapPrinting-right-dayin">打印</span>
        </div>
        <span class="MapPrinting-flex-x">x</span>
        <span class="MapPrinting-flex-x">
            <i class="layui-icon">&#x1006;</i> 
        </span>
    </div>
</div>

 widgets/MapPrinting/css/style.css

@@ -8,6 +8,7 @@
  height: 100%;
  border-radius: 10px;
  display: none;
  box-shadow: 0 0 8px #fff;
}

.MapPrinting-flex {
@@ -64,4 +65,7 @@
  /* padding: 5px; */
  position: relative;
  top: -2px;
}
}
.MapPrinting-flex-x :hover{
  color: red;
}

 widgets/Measurement/Widget.html

@@ -1,6 +1,6 @@
<div id="table">
    <div class="th">
        <i class="i"></i><span class="tsls">图上量算</span><span class="xx">×</span>
        <i class="i"></i><span class="tsls">图上量算</span><span class="xx"><i class="layui-icon">&#x1006;</i></span>
    </div>
    <div class="td">
        <div class="fangge" id="measuerLength" title="提示:单击按钮激活对应功能,在地图上单击开始,绘制中单击增加点,双击结束">

 widgets/Measurement/css/style.css

@@ -3,11 +3,12 @@
  height: 100%;
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* border: 1px solid rgb(69, 154, 251); */
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: none;
  border-radius: 5px;
  box-shadow: 0 0 8px #fff;
}

#table {
@@ -39,6 +40,11 @@
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    top: -2px;
}
.xx:hover {
    color: red;
}

.td {

 widgets/Rolling/Widget.html

@@ -14,7 +14,7 @@
                <option class="optionVal4" value="2">天地图影像</option>
            </select>
        </div>
        <span class="rollinng-table-hezi-xx">x</span>
        <span class="rollinng-table-hezi-xx"><i class="layui-icon">&#x1006;</i> </span>
    </div>

    <div class="hiddenHeZi">

 widgets/Rolling/css/style.css

@@ -2,7 +2,7 @@
  width: 100%;
  height: 320px;
  /* background-color: #323a36; */
  background-color: rgba(255, 255, 255,.75);
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  /* border: 1px solid rgb(69, 154, 251); */
  color: rgb(0, 0, 0);
@@ -11,6 +11,7 @@
  height: 100%;
  border-radius: 10px;
  display: none;
  box-shadow: 0 0 8px #fff;
}

.jimu-widget-Rolling .rollinng-table-hezi {
@@ -48,6 +49,7 @@
  border-radius: 5px;
  position: relative;
  top: 1px;
  box-shadow: 3px 3px 10px -4px #3E9FFC;
}

.jimu-widget-Rolling .hezi-select:hover {

 widgets/Sign/Widget.html

@@ -4,7 +4,7 @@
            <!-- <i class="sign-head-th-pic"></i> -->
            <img class="sign-head-th-pic" src="./images/我的标记.png" alt="">
            <span class="sign-head-th-biaoji">我的标记</span>
            <span class="sign-head-th-xx">×</span>
            <span class="sign-head-th-xx"><i class="layui-icon">&#x1006;</i></span>
        </div>
        <div class="sign-head-td">
            <ul class="sign-head-td-ul">

 widgets/Sign/css/style.css

@@ -3,12 +3,13 @@
  height: 320px;
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* border: 1px solid rgb(69, 154, 251); */
  /* opacity      : .8; */
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: none;
  border-radius: 5px;
  box-shadow: 0 0 8px #fff;
}

#sign_table {
@@ -48,8 +49,14 @@
}

.sign-head-th-xx {
  font-size: 30px;
  /* font-size: 25px; */
  width: 25px;
  cursor: pointer;
  /* font-weight: 100; */
  /* border: 1px solid springgreen; */
}
.sign-head-th-xx:hover{
  color: red;
}

.sign-head-td {

 widgets/SplitScreen/css/style.css

@@ -6,13 +6,14 @@
  height: auto !important;
  background-color: rgb(207, 207, 207);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* border: 1px solid rgb(69, 154, 251); */
  /* opacity      : .8; */
  color: rgb(0, 0, 0);
  font-size: 16px;
  z-index: 101;
  border-radius: 10px 0 10px 10px;
  display: none;
  box-shadow: 0 0 8px #fff;
}

.jimu-widget-SplitScreen .split-select {