From 2ecd2e0996b64f8553f28ae5e4487923c201a668 Mon Sep 17 00:00:00 2001
From: star7th <xing7th@gmail.com>
Date: Sat, 17 Jun 2023 19:37:56 +0800
Subject: [PATCH] ui

---
 .../item/show/show_regular_item/Index.vue     |  4 +-
 .../item/show/show_regular_item/LeftMenu.vue  | 12 +++
 .../show/show_regular_item/LeftMenuSub.vue    |  5 +
 web_src/static/css/common.css                 | 92 +++++++++++++++++++
 4 files changed, 111 insertions(+), 2 deletions(-)

diff --git a/web_src/src/components/item/show/show_regular_item/Index.vue b/web_src/src/components/item/show/show_regular_item/Index.vue
index 14176d577..b4a4a746d 100644
--- a/web_src/src/components/item/show/show_regular_item/Index.vue
+++ b/web_src/src/components/item/show/show_regular_item/Index.vue
@@ -350,8 +350,8 @@ a {
   min-width: 830px;
   max-width: 850px;
   border-radius: 8px;
-  margin-left: 20px;
-  margin-right: 20px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 #right-side {
diff --git a/web_src/src/components/item/show/show_regular_item/LeftMenu.vue b/web_src/src/components/item/show/show_regular_item/LeftMenu.vue
index 3e390b5b8..808394991 100644
--- a/web_src/src/components/item/show/show_regular_item/LeftMenu.vue
+++ b/web_src/src/components/item/show/show_regular_item/LeftMenu.vue
@@ -248,6 +248,13 @@ export default {
   height: 40px;
   font-size: 12px;
 }
+.el-menu-item:hover,
+.el-menu-item:active {
+  background-color: white !important;
+  margin-right: 10px;
+  border-radius: 4px;
+}
+
 .el-menu-item [class^='el-icon-'] {
   font-size: 17px;
   margin-bottom: 4px;
@@ -308,6 +315,11 @@ export default {
 .normal-scrollbar .el-submenu__title {
   font-size: 12px;
 }
+.normal-scrollbar .el-submenu__title:hover,
+.el-menu-item:hover {
+  background: #ffffff !important;
+  border-radius: 4px;
+}
 .normal-scrollbar li {
   font-size: 12px;
 }
diff --git a/web_src/src/components/item/show/show_regular_item/LeftMenuSub.vue b/web_src/src/components/item/show/show_regular_item/LeftMenuSub.vue
index ce140de25..14131cfca 100644
--- a/web_src/src/components/item/show/show_regular_item/LeftMenuSub.vue
+++ b/web_src/src/components/item/show/show_regular_item/LeftMenuSub.vue
@@ -83,6 +83,11 @@ export default {
   height: 46px;
   line-height: 46px;
 }
+.el-submenu__title:hover,
+.el-menu-item:hover {
+  background: #ffffff !important;
+  border-radius: 4px;
+}
 .el-submenu .el-menu-item {
   height: 40px;
   line-height: 40px;
diff --git a/web_src/static/css/common.css b/web_src/static/css/common.css
index 1b4c9994e..d405ea12e 100644
--- a/web_src/static/css/common.css
+++ b/web_src/static/css/common.css
@@ -16,6 +16,98 @@ a {
   text-decoration: none;
 }
 
+/* WebKit browsers (Chrome, Safari) */
+::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+/* 适用于纵滚动条 */
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+}
+/* 适用于纵滚动条 */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于纵滚动条 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-webkit-scrollbar-track-x {
+  background-color: #f1f1f1;
+}
+/* 适用于横滚动条 */
+::-webkit-scrollbar-thumb-x {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-webkit-scrollbar-thumb-x:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+/* Firefox */
+/* 适用于纵滚动条 */
+::-moz-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+/* 适用于纵滚动条 */
+::-moz-scrollbar-track {
+  background-color: #f1f1f1;
+}
+/* 适用于纵滚动条 */
+::-moz-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于纵滚动条 */
+::-moz-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-moz-scrollbar-track-x {
+  background-color: #f1f1f1;
+}
+/* 适用于横滚动条 */
+::-moz-scrollbar-thumb-x {
+  background-color:  rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-moz-scrollbar-thumb-x:hover {
+  background-color:  rgba(0, 0, 0, 0.05);
+}
+
+/* Edge and Internet Explorer */
+/* 适用于纵滚动条 */
+::-ms-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+/* 适用于纵滚动条 */
+::-ms-scrollbar-track {
+  background-color: #f1f1f1;
+}
+/* 适用于纵滚动条 */
+::-ms-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于纵滚动条 */
+::-ms-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-ms-scrollbar-track-x {
+  background-color: #f1f1f1;
+}
+/* 适用于横滚动条 */
+::-ms-scrollbar-thumb-x {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+/* 适用于横滚动条 */
+::-ms-scrollbar-thumb-x:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
 .center-card {
   width: 300px;
   position: absolute;