工具底图部分样式调整

shuishen

2021-06-07 46fdd1c81797c723ed6a579f32b43f522d17a8c0

工具底图部分样式调整

 config.json

@@ -34,7 +34,7 @@
        "position": {
          "right": 96,
          "top": 20,
          "height": "32px",
          "height": "36px",
          "width": "86px",
          "relativeTo": "map"
        }
@@ -44,7 +44,7 @@
        "position": {
          "right": 10,
          "top": 20,
          "height": "32px",
          "height": "36px",
          "width": "86px",
          "relativeTo": "map"
        }

 widgets/Basemap/css/style.css

@@ -1,11 +1,11 @@
.jimu-widget-Basemap {
  position: relative;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  height: 36px;
  line-height: 36px;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  color: #000;
  background: rgb(254, 254, 254);
  color: #838383;
  border-radius: 0 6px 6px 0;
  text-align: center;
  cursor: pointer;

 widgets/Tool/css/style.css

@@ -1,13 +1,13 @@
.jimu-widget-Tool {
  position     : relative;
  font-size    : 14px;
  height       : 32px;
  line-height  : 32px;
  height: 36px;
  line-height: 36px;
  width        : 100%;
  /* 240px */
  background   : rgba(255, 255, 255, 0.7);
  color        : #000;
  border-right : 1px solid rgba(0, 0, 0, 0.3);
  background: rgb(254, 254, 254);
  color: #838383;
  border-right: 1px solid #DDDDDD;
  border-radius: 6px 0 0 6px;
  text-align   : center;
  cursor       : pointer;
@@ -17,11 +17,12 @@
.jimu-widget-Tool .tool-bar {
  width: 100%;
}

.jimu-widget-Tool .tool-bar .tool-btn{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.jimu-widget-Tool .tool-bar .tool-btn i {
  display        : inline-block;
  width          : 22px;
@@ -47,9 +48,9 @@
.jimu-widget-Tool .tool-bar .tool-y-box {
  display  : none;
  position : absolute;
  top      : 36px;
  right    : -5px;
  width    : 110px;
  top: 40px;
  right: 0px;
  width: 100px;
  /* height: 505px; */
  height   : 38px;
}
@@ -61,19 +62,21 @@
}

.jimu-widget-Tool .tool-bar .tool-y-box ul {
  height: 100%;
  border-radius: 5px;
  height: auto;
  box-shadow: 0px 0px 2px 1px #E5E5E5;
}

.jimu-widget-Tool .tool-bar .tool-y-box li {
  list-style : none;
  height     : 34px;
  line-height: 34px;
  width      : 102px;
  background : rgba(255, 255, 255, 0.7);
  height: 36px;
  line-height: 36px;
  background: #FEFEFE;
}

.jimu-widget-Tool .tool-bar .tool-y-box li:hover {
  background: rgba(61,159,250, .7);
  color: #fff;
  background: #3F9CFC;
}

.jimu-widget-Tool .tool-bar .tool-y-box li i {
@@ -112,6 +115,7 @@
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(6) i {
  background: url(../../../images/toolbox1.png ) no-repeat 0 -126px;
}

.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(7) i {
  background: url(../../../images/toolbox1.png ) no-repeat 0 -173px;
}
@@ -119,9 +123,11 @@
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(8) i {
  background: url(../../../images/toolbox1.png ) no-repeat 0 -16px;
}

.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(9) i {
  background: url(../../../images/toolbox1.png ) no-repeat 0 -156px;
}

.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(9) {
  border-radius: 0 0 5px 5px;
}