Kaynağa Gözat

解决IE右边圆角问题

wyq 3 yıl önce
ebeveyn
işleme
34a949fa41

+ 13 - 9
src/css/informationOut.less

@@ -169,32 +169,36 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 }
 
 .anchors .a-circle{
-  border:2px #8DD1EE solid;
   width: 10px;
   height: 10px;
-  background: #fff;
-  border-radius: 16px;
   position: absolute;
   top: 28px;
-  left: 25px;
+  left: 27px;
   z-index: 1;
+  background: url('../images/icon-circular2.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+  background-size: 10px 10px;
 }
 .anchors .a-circle:last-child{
   position: initial;
   margin-left: 25px;
-  margin-top: 0;
+  margin-top: -16px;
 }
 .anchors i {
   position: absolute;
   display: inline-block;
   width: 10px;
   height: 10px;
-  border-radius: 5px;
-  border: 1px solid @staticMainColor;
-  background-color: @staticMainColor;
-  left: -7px;
+  left: -6px;
   top: 8px;
   z-index: 1;
+  background: url('../images/icon-circular.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
+  background-size: 10px 10px;
 }
 .anchors li:first-child i{
   top:29px;

+ 11 - 8
src/css/staticInfo.less

@@ -178,18 +178,19 @@
   }
 
 .anchors .a-circle{
-  border:2px #8DD1EE solid;
   width: 16px;
   height: 16px;
-  background: #fff;
-  border-radius: 16px;
   position: absolute;
-  left: 41px;
+  left: 44px;
   z-index: 1;
+  background: url('../images/icon-circular2.png');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: center;
 }
 .anchors .a-circle:last-child{
   position: unset;
-  margin-left: 41px;
+  margin-left: 44px;
   margin-top: -16px;
 }
   .anchors i {
@@ -198,11 +199,13 @@
     width: 16px;
     height: 16px;
     border-radius: 8px;
-    border: 1px solid @staticMainColor;
-    background-color: @staticMainColor;
-    left: -10px;
+    left: -9px;
     top: 5px;
     z-index: 1;
+    background: url('../images/icon-circular.png');
+    background-repeat: no-repeat;
+    background-position-x: center;
+    background-position-y: center;
   }
 .anchors li:first-child i{
   top:37px;

BIN
src/images/icon-circular.png


BIN
src/images/icon-circular2.png


+ 1 - 0
src/js/informationOut.js

@@ -7,6 +7,7 @@ if(!Promise){
   })
 }
 require('../css/informationOut.less')
+require('../css/print.css')
 const {
   post,
   throttle,