From 89d79d64510540a417fa7f52e6c08006702426e6 Mon Sep 17 00:00:00 2001 From: truthhun <1272881215@qq.com> Date: Tue, 25 Jul 2023 09:31:51 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=B3=E9=94=AE=E5=AD=97=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/pages/category/_id.vue | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/web/pages/category/_id.vue b/web/pages/category/_id.vue index 701d76b..7cb7150 100644 --- a/web/pages/category/_id.vue +++ b/web/pages/category/_id.vue @@ -512,6 +512,33 @@ export default { .keywords { .el-card__body { padding-bottom: 10px; + max-height: 480px; + box-sizing: border-box; + overflow: auto; + /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ + &::-webkit-scrollbar { + background-color: transparent; + width: 6px; + height: 6px; + } + &:hover::-webkit-scrollbar { + background-color: rgb(241, 241, 241); + } + /*定义滚动条轨道 内阴影+圆角*/ + &::-webkit-scrollbar-track { + background-color: transparent; + } + /*定义滑块 内阴影+圆角*/ + &::-webkit-scrollbar-thumb { + background-color: transparent; + border-radius: 3px; + } + &:hover::-webkit-scrollbar-thumb { + background-color: rgb(193, 193, 193); + } + &:hover::-webkit-scrollbar-thumb::hover { + background-color: rgb(168, 168, 168); + } } a { margin-right: 10px;