Bläddra i källkod

7720滚动条样式优化

zhouna 4 år sedan
förälder
incheckning
bd6e8c7b9f
1 ändrade filer med 25 tillägg och 1 borttagningar
  1. 25 1
      src/css/staticInfoOut.less

+ 25 - 1
src/css/staticInfoOut.less

@@ -350,4 +350,28 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
     font-size: 12px;
     white-space: nowrap;
   }
-}
+}
+
+.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  height: 100px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  background: #ebeef5;
+  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  width: 6px;
+  border-radius: 5px;
+  background: @staticMainColor;
+  height: 100px;
+}
+
+.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  border-radius: 2px;
+  background: #f0f2f5;
+  opacity: .2;
+}