Skip to content

Commit 4b496f5

Browse files
fxss5201fxss5201
committed
优化代码区域滚动条样式
1 parent 5ceb258 commit 4b496f5

File tree

2 files changed

+20
-1
lines changed

2 files changed

+20
-1
lines changed

‎docs/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang=zh_CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-blog/favicon.ico><title>vue-blog</title><script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><link href=/vue-blog/css/group-about.c1fac219.css rel=prefetch><link href=/vue-blog/css/group-about~group-home~group-list.db8a14a4.css rel=prefetch><link href=/vue-blog/css/group-admin.12d3407c.css rel=prefetch><link href=/vue-blog/css/group-detail.67731c2b.css rel=prefetch><link href=/vue-blog/css/group-editor.dfb7a40f.css rel=prefetch><link href=/vue-blog/css/group-home.1ea2f575.css rel=prefetch><link href=/vue-blog/css/group-list.e0aa04df.css rel=prefetch><link href=/vue-blog/css/group-signIn.f23c9712.css rel=prefetch><link href=/vue-blog/js/group-about.e6f09ea1.js rel=prefetch><link href=/vue-blog/js/group-about~group-home~group-list.cc0fc480.js rel=prefetch><link href=/vue-blog/js/group-admin.87b1b162.js rel=prefetch><link href=/vue-blog/js/group-detail.244b36d5.js rel=prefetch><link href=/vue-blog/js/group-editor.4154fb2c.js rel=prefetch><link href=/vue-blog/js/group-home.bd715d23.js rel=prefetch><link href=/vue-blog/js/group-list.0e92177a.js rel=prefetch><link href=/vue-blog/js/group-signIn.495d1c57.js rel=prefetch><link href=/vue-blog/css/app.fd9e129a.css rel=preload as=style><link href=/vue-blog/css/chunk-vendors.8eacee8b.css rel=preload as=style><link href=/vue-blog/js/app.36d848fe.js rel=modulepreload as=script><link href=/vue-blog/js/chunk-vendors.1510f57c.js rel=modulepreload as=script><link href=/vue-blog/css/chunk-vendors.8eacee8b.css rel=stylesheet><link href=/vue-blog/css/app.fd9e129a.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-blog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script type=module src=/vue-blog/js/chunk-vendors.1510f57c.js></script><script type=module src=/vue-blog/js/app.36d848fe.js></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src=/vue-blog/js/chunk-vendors-legacy.a9de3e9c.js nomodule></script><script src=/vue-blog/js/app-legacy.2422d4fc.js nomodule></script></body></html>
1+
<!DOCTYPE html><html lang=zh_CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-blog/favicon.ico><title>vue-blog</title><script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><link href=/vue-blog/css/group-about.c1fac219.css rel=prefetch><link href=/vue-blog/css/group-about~group-home~group-list.db8a14a4.css rel=prefetch><link href=/vue-blog/css/group-admin.12d3407c.css rel=prefetch><link href=/vue-blog/css/group-detail.fc22b071.css rel=prefetch><link href=/vue-blog/css/group-editor.dfb7a40f.css rel=prefetch><link href=/vue-blog/css/group-home.1ea2f575.css rel=prefetch><link href=/vue-blog/css/group-list.e0aa04df.css rel=prefetch><link href=/vue-blog/css/group-signIn.f23c9712.css rel=prefetch><link href=/vue-blog/js/group-about.e6f09ea1.js rel=prefetch><link href=/vue-blog/js/group-about~group-home~group-list.cc0fc480.js rel=prefetch><link href=/vue-blog/js/group-admin.87b1b162.js rel=prefetch><link href=/vue-blog/js/group-detail.5d4c7ef0.js rel=prefetch><link href=/vue-blog/js/group-editor.4154fb2c.js rel=prefetch><link href=/vue-blog/js/group-home.bd715d23.js rel=prefetch><link href=/vue-blog/js/group-list.0e92177a.js rel=prefetch><link href=/vue-blog/js/group-signIn.495d1c57.js rel=prefetch><link href=/vue-blog/css/app.fd9e129a.css rel=preload as=style><link href=/vue-blog/css/chunk-vendors.8eacee8b.css rel=preload as=style><link href=/vue-blog/js/app.81650d33.js rel=modulepreload as=script><link href=/vue-blog/js/chunk-vendors.1510f57c.js rel=modulepreload as=script><link href=/vue-blog/css/chunk-vendors.8eacee8b.css rel=stylesheet><link href=/vue-blog/css/app.fd9e129a.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-blog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script type=module src=/vue-blog/js/chunk-vendors.1510f57c.js></script><script type=module src=/vue-blog/js/app.81650d33.js></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src=/vue-blog/js/chunk-vendors-legacy.a9de3e9c.js nomodule></script><script src=/vue-blog/js/app-legacy.15bb7c21.js nomodule></script></body></html>

‎src/views/Detail.vue

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -234,6 +234,25 @@ pre.hljs {
234234
display: block !important;
235235
margin: 0 10px !important;
236236
overflow-x: auto !important;
237+
&::-webkit-scrollbar {
238+
z-index: 11;
239+
width: 6px;
240+
}
241+
&::-webkit-scrollbar:horizontal {
242+
height: 6px;
243+
}
244+
&::-webkit-scrollbar-thumb {
245+
border-radius: 5px;
246+
width: 6px;
247+
background: #666;
248+
}
249+
&::-webkit-scrollbar-corner,&::-webkit-scrollbar-track {
250+
background: #1E1E1E;
251+
}
252+
&::-webkit-scrollbar-track-piece {
253+
background: #1E1E1E;
254+
width: 6px
255+
}
237256
}
238257
.line-numbers-rows {
239258
position: absolute;

0 commit comments

Comments
 (0)