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

style: Material Design - 操作按钮添加悬停背景

Browse Source
This commit is contained in:
wkc
2026-02-27 10:52:17 +08:00
parent d47c0ad6a8
commit bdc5463b6d
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -345,19 +345,27 @@ export default {
font-weight: bold; font-weight: bold;
} }
// 操作按钮样式 // 操作按钮样式 - Material Design 风格
:deep(.el-button--text) { :deep(.el-button--text) {
color: #1890ff; color: #1890ff;
padding: 0 8px; padding: 8px 12px;
border-radius: 4px;
transition: all 0.2s ease;
&:hover { &:hover {
color: #096dd9; color: #096dd9;
text-decoration: underline; background-color: rgba(24, 144, 255, 0.08);
text-decoration: none;
} }
&:first-child { &:first-child {
padding-left: 0; padding-left: 0;
} }
// 按钮间距
& + .el-button--text {
margin-left: 4px;
}
} }
// 分页样式优化 // 分页样式优化