style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩

- 将主要蓝色从 #409eff 替换为 #3B82F6
- 将成功绿色从 #67c23a 替换为 #10B981
- 将警告橙色从 #e6a23c 替换为 #F59E0B
- 将危险红色从 #f56c6c 替换为 #EF4444
- 将信息灰色从 #909399 替换为 #64748B
- 更新所有组件中的相关颜色配置
- 调整菜单主题为更深邃的午夜蓝风格
- 移除SCSS变量导出的注释标记
This commit is contained in:
2026-06-02 12:52:59 +08:00
parent 1dc8b593fe
commit 2e865dd446
141 changed files with 614 additions and 631 deletions

View File

@@ -297,10 +297,10 @@ watch(selectedFunctions, () => {
// 获取图标颜色
const getIconColor = (data) => {
if (data.menuType === 'M') return '#409EFF' // 目录蓝色
if (data.menuType === 'C') return '#67C23A' // 菜单绿色
if (data.menuType === 'F') return '#E6A23C' // 按钮橙色
return '#909399' // 默认灰色
if (data.menuType === 'M') return '#3B82F6' // 目录蓝色
if (data.menuType === 'C') return '#10B981' // 菜单绿色
if (data.menuType === 'F') return '#F59E0B' // 按钮橙色
return '#64748B' // 默认灰色
}
// 加载菜单数据
@@ -746,7 +746,7 @@ onUnmounted(() => {
p {
font-size: 14px;
color: #909399;
color: #64748B;
}
}
@@ -846,14 +846,14 @@ onUnmounted(() => {
}
.selected-function-item.drag-over {
border: 2px dashed #409eff;
border: 2px dashed #3B82F6;
background-color: #ecf5ff;
}
.drag-handle {
cursor: move;
padding: 0 8px;
color: #909399;
color: #64748B;
display: flex;
align-items: center;
justify-content: center;
@@ -906,7 +906,7 @@ onUnmounted(() => {
.sortable-chosen {
background-color: #ecf5ff;
border: 1px solid #409eff;
border: 1px solid #3B82F6;
box-shadow: 0 0 8px rgba(64, 158, 255, 0.3);
}

View File

@@ -216,10 +216,10 @@ const getIconComponent = (iconName) => {
// 获取图标颜色
const getIconColor = (data) => {
if (data.menuType === 'M') return '#409EFF' // 目录蓝色
if (data.menuType === 'C') return '#67C23A' // 菜单绿色
if (data.menuType === 'F') return '#E6A23C' // 按钮橙色
return '#909399' // 默认灰色
if (data.menuType === 'M') return '#3B82F6' // 目录蓝色
if (data.menuType === 'C') return '#10B981' // 菜单绿色
if (data.menuType === 'F') return '#F59E0B' // 按钮橙色
return '#64748B' // 默认灰色
}
// 加载用户配置的快捷功能
@@ -319,7 +319,7 @@ onMounted(() => {
p {
font-size: 14px;
color: #909399;
color: #64748B;
}
}
@@ -357,7 +357,7 @@ onMounted(() => {
.feature-path {
font-size: 12px;
color: #409EFF;
color: #3B82F6;
margin-bottom: 8px;
word-break: break-all;
padding: 2px 8px;
@@ -368,7 +368,7 @@ onMounted(() => {
.feature-desc {
font-size: 12px;
color: #909399;
color: #64748B;
line-height: 1.5;
}
}
@@ -377,7 +377,7 @@ onMounted(() => {
grid-column: 1 / -1;
text-align: center;
padding: 40px;
color: #909399;
color: #64748B;
font-size: 16px;
.el-link {