shuishen
2021-06-04 db9ea2a557e28fb1096dfebdb2ac23c3fe86cb57
widgets/Tool/css/style.css
@@ -5,9 +5,9 @@
  line-height  : 32px;
  width        : 100%;
  /* 240px */
  background   : rgba(44, 46, 46, 0.7);
  color        : #fff;
  border-right : 1px solid #000;
  background   : rgba(255, 255, 255, 0.7);
  color        : #000;
  border-right : 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 0 0 6px;
  text-align   : center;
  cursor       : pointer;
@@ -17,13 +17,17 @@
.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          : 16px;
  height         : 16px;
  background     : url(../../../images/toolback.png) no-repeat;
  background-size: 16px;
  width          : 22px;
  height         : 22px;
  background     : url(../../../images/gongju.png) no-repeat;
  background-size: 22px;
  vertical-align : middle;
}
@@ -35,7 +39,7 @@
  display          : inline-block;
  width            : 10px;
  height           : 6px;
  background       : url(../../../images/toolbottom.png) no-repeat;
  background       : url(../../../images/toolbottom1.png) no-repeat;
  background-size  : 10px 6px;
  /* vertical-align: / */
}
@@ -44,7 +48,7 @@
  display  : none;
  position : absolute;
  top      : 36px;
  right    : 0;
  right    : -5px;
  width    : 110px;
  /* height: 505px; */
  height   : 38px;
@@ -65,11 +69,11 @@
  height     : 34px;
  line-height: 34px;
  width      : 102px;
  background : rgba(95, 94, 94, .7);
  background : rgba(255, 255, 255, 0.7);
}
.jimu-widget-Tool .tool-bar .tool-y-box li:hover {
  background: rgb(5, 42, 90);
  background: rgba(61,159,250, .7);
}
.jimu-widget-Tool .tool-bar .tool-y-box li i {
@@ -81,42 +85,46 @@
  vertical-align : middle;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) {
  border-radius: 5px 5px 0 0;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 0;
  background: url(../../../images/toolbox1.png ) no-repeat 0 0;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(2) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -141px;
  background: url(../../../images/toolbox1.png ) no-repeat 0 -141px;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(3) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -63px;
  background: url(../../../images/toolbox1.png ) no-repeat 0 -63px;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(4) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -110px;
  background: url(../../../images/toolbox1.png ) no-repeat 0 -110px;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(5) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -32px;
  background: url(../../../images/toolbox1.png ) no-repeat 0 -32px;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(6) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -126px;
  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/toolbox.png ) no-repeat 0 -173px;
  background: url(../../../images/toolbox1.png ) no-repeat 0 -173px;
}
.jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(8) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -16px;
  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/toolbox.png ) no-repeat 0 -159px;
  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;
}
/* .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(2) i {
  background: url(../../../images/toolbox.png ) no-repeat 0 -16px;