修改web/Home样式

2025-10-08 23:24:05 +08:00
parent ca44a189ba
commit 5801dd825f
3 changed files with 154 additions and 0 deletions
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -307,9 +307,17 @@ onMounted(async () => {
  align-items: center;
 }

+/* ⭐️ 移除 el-menu 组件自带的边框 */
 .el-menu--horizontal {
  border-bottom: none;
 }
+/* 上面这行代码有时可能因为scoped的限制而不生效，
+  因此更推荐、更可靠的方式是使用 :deep() 
+*/
+:deep(.el-menu--horizontal) {
+  border-bottom: none !important;
+}
+

 .el-menu-item {
  padding: 0 20px !important; /* 增加菜单项间距 */