ui

star7th · Jun 17, 2023 · 2ecd2e0 · 2ecd2e0
1 parent 56b8f32
commit 2ecd2e0
Show file tree

Hide file tree

Showing 4 changed files with 111 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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;