瀏覽代碼

调整MenuItem的边框样式

画安 1 天之前
父節點
當前提交
467a7699ec
共有 2 個文件被更改,包括 11 次插入4 次删除
  1. 4 1
      src/components/ui/MenuItem.vue
  2. 7 3
      src/styles/global.css

+ 4 - 1
src/components/ui/MenuItem.vue

@@ -121,8 +121,11 @@ export default {
   line-height: 28px;
   background: linear-gradient( 180deg, rgba(119,161,255,0) 0%, #77A1FF 100%);
   border-radius: 2px 0px 0px 2px;
-  border: 1px solid rgba(161,190,255,0.7);
+  border: 2px solid rgba(161,190,255,0.7);
   font-weight: bold;
+  position: relative;
+  z-index: 10;
+  box-sizing: border-box;
 }
 
 /* 2. 第二层子节点 (level: 1) */

+ 7 - 3
src/styles/global.css

@@ -134,14 +134,18 @@
 }
 
 .menu-scroll-view {
-  height: 844px !important;
+  height: 700px !important;
   overflow: auto;
+  background: rgba(17,36,70,0.9);
+  border: none;
+  outline: 2px solid #3760A9;
+  outline-offset: -2px;
 }
 
 /* 整体滚动条 */
 ::-webkit-scrollbar {
-  width: 2px; 
-  height: 2px; 
+  width: 0px; 
+  height: 0px; 
 }
 
 ::-webkit-scrollbar-track {