style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user