工具底图部分样式调整

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,34 +1,35 @@
.jimu-widget-Tool {
  position     : relative;
  font-size    : 14px;
  height       : 32px;
  line-height  : 32px;
  width        : 100%;
  position: relative;
  font-size: 14px;
  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;
  z-index      : 10 !important;
  text-align: center;
  cursor: pointer;
  z-index: 10 !important;
}

.jimu-widget-Tool .tool-bar {
  width: 100%;
}
.jimu-widget-Tool .tool-bar .tool-btn{
  display: flex;

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

.jimu-widget-Tool .tool-bar .tool-btn i {
  display        : inline-block;
  width          : 22px;
  height         : 22px;
  background     : url(../../../images/gongju.png) no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../../../images/gongju.png) no-repeat;
  background-size: 22px;
  vertical-align : middle;
  vertical-align: middle;
}

.jimu-widget-Tool .tool-bar .tool-btn span:hover {
@@ -36,53 +37,55 @@
}

.jimu-widget-Tool .tool-bar .tool-btn del {
  display          : inline-block;
  width            : 10px;
  height           : 6px;
  background       : url(../../../images/toolbottom1.png) no-repeat;
  background-size  : 10px 6px;
  display: inline-block;
  width: 10px;
  height: 6px;
  background: url(../../../images/toolbottom1.png) no-repeat;
  background-size: 10px 6px;
  /* vertical-align: / */
}

.jimu-widget-Tool .tool-bar .tool-y-box {
  display  : none;
  position : absolute;
  top      : 36px;
  right    : -5px;
  width    : 110px;
  display: none;
  position: absolute;
  top: 40px;
  right: 0px;
  width: 100px;
  /* height: 505px; */
  height   : 38px;
  height: 38px;
}

.jimu-widget-Tool .tool-bar .tool-y-box ul,
.jimu-widget-Tool .tool-bar .tool-y-box li {
  margin : 0;
  margin: 0;
  padding: 0;
}

.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);
  list-style: none;
  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 {
  margin-top     : -2px;
  display        : inline-block;
  width          : 16px;
  height         : 16px;
  margin-top: -2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
  vertical-align : middle;
  vertical-align: middle;
}

.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) {
@@ -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;
}