Forráskód Böngészése

恢复浏览器内置滚动条样式

林倩 3 éve
szülő
commit
1ce944b954

+ 6 - 50
index.html

@@ -1,3 +1,8 @@
+<!--
+ * @Description: 
+ * @Autor: linqian
+ * @Date: 2021-04-06 08:44:43
+-->
 <!DOCTYPE html>
 <html lang="zh-cmn-Hans">
     <head>
@@ -17,53 +22,4 @@
     <body>
         <div id="app"></div>
     </body>
-</html>
-<script>
-    // NOTE: window.RTCPeerConnection is "not a constructor" in FF22/23
-var RTCPeerConnection = /*window.RTCPeerConnection ||*/ window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
-
-if (RTCPeerConnection) (function () {
-    var rtc = new RTCPeerConnection({iceServers:[]});
-    if (1 || window.mozRTCPeerConnection) {      // FF [and now Chrome!] needs a channel/stream to proceed
-        rtc.createDataChannel('', {reliable:false});
-    };
-    
-    rtc.onicecandidate = function (evt) {
-        // convert the candidate to SDP so we can run it through our general parser
-        // see https://twitter.com/lancestout/status/525796175425720320 for details
-        if (evt.candidate) grepSDP("a="+evt.candidate.candidate);
-    };
-    rtc.createOffer(function (offerDesc) {
-        grepSDP(offerDesc.sdp);
-        rtc.setLocalDescription(offerDesc);
-    }, function (e) { console.warn("offer failed", e); });
-    
-    
-    var addrs = Object.create(null);
-    addrs["0.0.0.0"] = false;
-    function updateDisplay(newAddr) {
-        if (newAddr in addrs) return;
-        else addrs[newAddr] = true;
-        var displayAddrs = Object.keys(addrs).filter(function (k) { return addrs[k]; });
-        const localIp = displayAddrs.join(" or perhaps ") || "n/a";
-        window.sessionStorage.setItem("localIp",localIp);
-        console.log(localIp);
-    }
-    
-    function grepSDP(sdp) {
-        var hosts = [];
-        sdp.split('\r\n').forEach(function (line) { // c.f. http://tools.ietf.org/html/rfc4566#page-39
-            if (~line.indexOf("a=candidate")) {     // http://tools.ietf.org/html/rfc4566#section-5.13
-                var parts = line.split(' '),        // http://tools.ietf.org/html/rfc5245#section-15.1
-                    addr = parts[4],
-                    type = parts[7];
-                if (type === 'host') updateDisplay(addr);
-            } else if (~line.indexOf("c=")) {       // http://tools.ietf.org/html/rfc4566#section-5.7
-                var parts = line.split(' '),
-                    addr = parts[2];
-                updateDisplay(addr);
-            }
-        });
-    }
-})(); 
-</script>
+</html>

+ 24 - 24
src/assets/style/project.scss

@@ -8,30 +8,30 @@
 	width: 100% !important;
 }
 
-// 重置滚动条样式
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-    background-color: rgba(0, 0, 0, 0);
-    transition: opacity 120ms ease-out;
-	cursor: pointer;
-}
-
-/*定义滚动条轨道 内阴影+圆角*/
-::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.09);
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, 0);
-	cursor: pointer;
-}
-
-/*定义滑块 内阴影+圆角*/
-::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .09);
-    background-color: rgba(0, 0, 0, .09);
-	cursor: pointer;
-}
+// // 重置滚动条样式
+// ::-webkit-scrollbar {
+//     width: 17px;
+//     height: 17px;
+//     background-color: rgba(0, 0, 0, 0);
+//     transition: opacity 120ms ease-out;
+// 	cursor: pointer;
+// }
+
+// /*定义滚动条轨道 内阴影+圆角*/
+// ::-webkit-scrollbar-track {
+//     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.09);
+//     border-radius: 4px;
+//     background-color: rgba(0, 0, 0, 0);
+// 	cursor: pointer;
+// }
+
+// /*定义滑块 内阴影+圆角*/
+// ::-webkit-scrollbar-thumb {
+//     border-radius: 4px;
+//     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .09);
+//     background-color: rgba(0, 0, 0, .09);
+// 	cursor: pointer;
+// }
 
 
 

+ 9 - 4
src/pages/layout/components/sidebar/index.vue

@@ -1,3 +1,8 @@
+<!--
+ * @Description: 
+ * @Autor: linqian
+ * @Date: 2021-04-06 08:44:43
+-->
 <template>
     <div class="l-sidebar__container">
         <div class="l-sidebar__header">
@@ -69,8 +74,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/deep/ .l-sidebar__scrollbar {
-    margin-bottom: -17px !important;
-    margin-right: -17px !important;
-}
+// /deep/ .l-sidebar__scrollbar {
+//     margin-bottom: -17px !important;
+//     margin-right: -17px !important;
+// }
 </style>

+ 2 - 2
static/themes/style/theme-default.css

@@ -19453,7 +19453,7 @@ html {
     transition: width 0.28s;
     -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    width: 17rem;
+    width: 14rem;
 }
 .l-sidebar__header {
     width: 100%;
@@ -19578,7 +19578,7 @@ html {
 .l-main-container {
     position: relative;
     height: 100%;
-    margin-left: 17rem;
+    margin-left: 14rem;
     -webkit-transition: margin-left 0.28s;
     transition: margin-left 0.28s;
 }