style: 完成京东风格整体改造
1. 启用京东红主题,替换全局主色调为#e4393c 2. 调整侧边栏宽度为200px,优化导航样式 3. 重构顶部导航、侧边菜单、表格、卡片等全局组件样式 4. 新增JdStatusTabs和JdFilterBar通用组件 5. 统一业务页面配色风格为红白灰配色方案 6. 修复物料列表空数据展示问题,优化表格样式 7. 新增京东风格改造文档说明
This commit is contained in:
@@ -2,8 +2,8 @@
|
||||
<div class="dashboard">
|
||||
<el-row :gutter="20" class="stat-row">
|
||||
<el-col :xs="12" :sm="6" v-for="item in (isSupplier ? statCards.filter(c => c.key==='rfqs') : statCards)" :key="item.key">
|
||||
<div class="stat-card" :style="{ borderTopColor: item.color }">
|
||||
<div class="stat-icon" :style="{ background: item.color + '18', color: item.color }">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon">
|
||||
<i :class="item.icon" />
|
||||
</div>
|
||||
<div class="stat-body">
|
||||
@@ -172,13 +172,12 @@ export default {
|
||||
.dashboard { padding: 20px; background: #f5f7fa; min-height: calc(100vh - 84px); }
|
||||
.stat-row { margin-bottom: 20px !important; }
|
||||
.stat-card {
|
||||
background: #fff; border-radius: 8px; border-top: 3px solid #1171c4;
|
||||
padding: 20px; display: flex; align-items: center; gap: 16px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin-bottom: 0;
|
||||
background: #fff; border: 1px solid #e5e5e5; border-radius: 2px;
|
||||
padding: 14px 18px; display: flex; align-items: center; gap: 14px;
|
||||
}
|
||||
.stat-icon { width: 52px; height: 52px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
|
||||
.stat-num { font-size: 28px; font-weight: 700; color: #1a2c4e; line-height: 1; }
|
||||
.stat-label { font-size: 13px; color: #8c97a8; margin-top: 4px; }
|
||||
.stat-icon { font-size: 22px; opacity: 0.35; flex-shrink: 0; }
|
||||
.stat-num { font-size: 22px; font-weight: 400; color: #333; line-height: 1.2; }
|
||||
.stat-label { font-size: 12px; color: #999; margin-top: 2px; }
|
||||
.panel-card {
|
||||
border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||||
::v-deep .el-card__header { padding: 14px 20px; border-bottom: 1px solid #f0f2f5; }
|
||||
|
||||
Reference in New Issue
Block a user