ui图标上传

src/components/Combinations/toolBar copy/toolBar.scss

@@ -1,59 +1,44 @@
-
 .sm-tool-btn {
-  width: 40px;
-  height: 40px;
-  box-sizing: border-box;
-  background: transparent;
-  z-index: 100;
-  display: flex;
-  background-color: rgba(0, 0, 0, .25);
-  justify-content: center;
-  align-items: center;
-  @media (max-width: 750px) {
-    width: 35px;
-    height: 35px;
-  }
-
-  @media (max-height: 480px) {
-    width: 35px;
-    height: 35px;
-  }
-  @media (max-height: 300px) {
-    width: 30px;
-    height: 30px;
-  }
-  .iconfont{
-      font-size: 18px;
-  }
+    width: 32px;
+    height: 32px;
+    box-sizing: border-box;
+    background: transparent;
+    z-index: 100;
+    display: flex;
+    background-color: rgba(0, 0, 0, .25);
+    justify-content: center;
+    align-items: center;
+    @media (max-width: 750px) {
+        width: 35px;
+        height: 35px;
+    }
+    @media (max-height: 480px) {
+        width: 35px;
+        height: 35px;
+    }
+    @media (max-height: 300px) {
+        width: 30px;
+        height: 30px;
+    }
+    .iconfont {
+        font-size: 18px;
+    }
 }
 
-.toolBar{
+.toolBar {
     width: auto;
     display: flex;
     flex-wrap: nowrap;
-    justify-content:flex-start;
+    justify-content: flex-start;
     // background-color: red;
     position: absolute;
     top: 0;
     left: 0;
     margin: 5px 0 0 5px;
 }
-ul{
+
+ul {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-evenly;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}

src/components/Combinations/toolBar/toolBar.scss

@@ -1,6 +1,6 @@
 .sm-tool-btn {
-    width: 40px;
-    height: 40px;
+    width: 32px;
+    height: 32px;
     box-sizing: border-box;
     background: transparent;
     z-index: 100;
@@ -56,8 +56,8 @@
     -ms-flex-pack: start;
     justify-content: flex-start;
     position: absolute;
-    top: 13px;
-    right: 218px;
+    top: 16px;
+    right: 234px;
     margin: 5px 0 0 5px;
     // background: url(/static/images/bigscreen/filter-bg.png) no-repeat;
     background-size: cover;
@@ -71,8 +71,9 @@ ul {
 }
 
 .el-cascader--mini {
-    width: 90px;
-    top: 7px;
+    width: 100px;
+    top: 3px;
+    right: 5px;
     background: transparent;
 }