wkc/ccdi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复 Vue 2 不支持 :deep() 语法的致命问题

Browse Source 
- 将所有 :deep() 改为 ::v-deep（Vue 2 正确语法）
- 移除测试用的红色边框
- 修复 Material Design 样式完全未生效的问题
This commit is contained in:
wkc
2026-02-27 11:09:33 +08:00
parent ed0509b1e7
commit 9025bc13b8
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue
View File

@@ -242,7 +242,7 @@ export default {
margin-top: 16px; margin-top: 16px;
// 表格整体样式 - Material Design 卡片式 // 表格整体样式 - Material Design 卡片式
:deep(.el-table) { ::v-deep .el-table {
// 移除边框，使用阴影 // 移除边框，使用阴影
border: none !important; border: none !important;
border-radius: 8px; border-radius: 8px;
@@ -353,7 +353,7 @@ export default {
} }
// 操作按钮样式 - Material Design 风格 // 操作按钮样式 - Material Design 风格
:deep(.el-button--text) { ::v-deep .el-button--text {
color: #1890ff; color: #1890ff;
padding: 8px 12px; padding: 8px 12px;
border-radius: 4px; border-radius: 4px;
@@ -376,7 +376,7 @@ export default {
} }
// 分页样式优化 - Material Design 风格 // 分页样式优化 - Material Design 风格
:deep(.el-pagination) { ::v-deep .el-pagination {
margin-top: 24px; margin-top: 24px;
text-align: right; text-align: right;