style: 全局 UI 主题皮肤重构与样式模块化
引入 Element Plus 主题定制和主题皮肤 composable,将全局 样式拆分为组件级独立 CSS 文件(侧边栏、顶栏、工作台等), 统一色彩变量和间距规范,重构所有视图和组件样式以适配新 主题系统,优化图表和知识图谱组件视觉表现,提取审计和差 旅报销相关子组件。
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
overflow: hidden;
|
||||
border-radius: 24px;
|
||||
background:
|
||||
radial-gradient(circle at top right, rgba(16, 185, 129, 0.08), transparent 28%),
|
||||
radial-gradient(circle at top right, rgba(var(--theme-primary-rgb, 58, 124, 165), 0.08), transparent 28%),
|
||||
linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%);
|
||||
box-shadow:
|
||||
0 24px 80px rgba(15, 23, 42, 0.22),
|
||||
@@ -109,14 +109,14 @@
|
||||
|
||||
.welcome-quick-action-btn:hover:not(:disabled) {
|
||||
transform: translateY(-1px);
|
||||
border-color: #10b981;
|
||||
background: #ecfdf5;
|
||||
color: #059669;
|
||||
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);
|
||||
border-color: var(--theme-primary);
|
||||
background: var(--theme-primary-soft);
|
||||
color: var(--theme-primary-active);
|
||||
box-shadow: 0 4px 12px rgba(var(--theme-primary-rgb, 58, 124, 165), 0.1);
|
||||
}
|
||||
|
||||
.welcome-quick-action-btn:hover:not(:disabled) i {
|
||||
color: #059669;
|
||||
color: var(--theme-primary-active);
|
||||
}
|
||||
|
||||
.welcome-quick-action-btn:disabled {
|
||||
@@ -136,7 +136,7 @@
|
||||
}
|
||||
|
||||
.welcome-card i {
|
||||
color: #10b981;
|
||||
color: var(--theme-primary);
|
||||
font-size: var(--wb-fs-welcome);
|
||||
}
|
||||
|
||||
@@ -177,7 +177,7 @@
|
||||
transform: translateY(8px);
|
||||
}
|
||||
|
||||
/* 笔记本 / 中等屏:工作台正文字号整体下调一档 */
|
||||
/* 笔记本和中等屏:工作台正文字号整体下调一档 */
|
||||
@media (max-width: 1680px) {
|
||||
.assistant-modal-stage {
|
||||
--wb-fs-title: 19px;
|
||||
@@ -226,7 +226,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 大屏:左右分栏;右侧详情区宽度随视口收缩 */
|
||||
/* 大屏:左右分栏,右侧详情区宽度随视口收缩 */
|
||||
@media (min-width: 1441px) and (max-width: 1680px) {
|
||||
.insight-panel-shell {
|
||||
width: clamp(280px, 26vw, 360px);
|
||||
@@ -272,7 +272,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 矮屏笔记本(如 1366×768):压缩顶栏与间距,把高度留给对话列表 */
|
||||
/* 矮屏笔记本:压缩顶部栏与间距,把高度留给对话列表 */
|
||||
@media (max-height: 820px) {
|
||||
.assistant-modal-stage {
|
||||
--wb-fs-title: 17px;
|
||||
@@ -386,24 +386,6 @@
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.message-row,
|
||||
.message-row.user {
|
||||
grid-template-columns: 34px minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.message-row.user .message-avatar {
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.message-row.user .message-bubble {
|
||||
order: 0;
|
||||
justify-self: stretch;
|
||||
}
|
||||
|
||||
.message-suggested-actions {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.composer {
|
||||
padding: 0 16px 16px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user