修改dropdown样式

src/views/index.vue

@@ -2211,37 +2211,42 @@ onUnmounted(() => {
   font-size: 14px;
   color: var(--portal-accent-2);
 }
-/* 下拉菜单主体 */
-:deep(.el-dropdown-menu) {
-  background-color: var(--dropdown-menu) !important;
-  border: none !important;
-  border-radius: 5px;
-  box-shadow: none !important; /* 关键：去除阴影导致的“白边”视觉效果 */
+
+:global(.quick-access-dropdown) {
   padding: 0 !important;
+  border: 1px solid var(--portal-line) !important;
+  border-radius: 10px !important;
+  background: var(--dropdown-menu) !important;
+  box-shadow: var(--portal-shadow) !important;
+  overflow: hidden !important;
 }
 
-/* 菜单项 */
-:deep(.el-dropdown-menu__item) {
+:global(.quick-access-dropdown .el-dropdown-menu) {
+  padding: 0px !important;
+  border: none !important;
   background: var(--dropdown-menu) !important;
-  color: #fff !important; /* 确保文字颜色可见 */
-  padding: 0 !important;
+}
+
+:global(.quick-access-dropdown .el-dropdown-menu__item) {
+  padding: 0px !important;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
   margin: 0 !important;
   border: none !important;
+  background: var(--dropdown-menu) !important;
+}
+
+/* :global(.quick-access-dropdown .el-dropdown-menu__item):hover {
+  background: var(--dropdown-menu-hover) !important;
+} */
+
+:global(.quick-access-dropdown .el-popper__arrow::before) {
+  background: var(--dropdown-menu) !important;
+  border-color: var(--portal-line) !important;
 }
 
 :deep(.el-dropdown-menu__item):hover {
   background: var(--dropdown-menu-hover) !important;
   color: #fff !important;
 }
-:deep(.el-dropdown-menu) {
-  border: 0px solid #00487f !important;
-  padding: 0px !important;
-  background: #182342 !important;
-}
-:deep(.el-scrollbar, .el-popper.el-dropdown__popper) {
-  background: #192a5b !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  border: none !important;
-}
 </style>