gxwebsoft
0b81001ce7
- 将欢迎页整体结构拆分为多个功能区组件，提高代码可维护性 - 移除原有欢迎横幅、指标卡、图表区、下方区及快捷入口的静态实现 - 引入并注册 SectionKpi、SectionStructure、SectionBusiness 等八个子组件 - 删除冗余样式，更新整体背景和布局样式 - 精简模板内容，仅保留子组件渲染及页脚版权信息 - 移除无用的响应式数据、计算属性及方法 - 包含依赖包 echarts 的新增，支持后续图表功能开发
97 lines
1.5 KiB
SCSS
97 lines
1.5 KiB
SCSS
/* 首页看板公共样式：各板块组件 scoped 引入 */
|
|
.wel-card {
|
|
background: #ffffff;
|
|
border-radius: 10px;
|
|
padding: 16px 20px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.wel-sec__head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.wel-sec__title {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
color: #303133;
|
|
}
|
|
|
|
.wel-filter {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.wel-filter__label {
|
|
font-size: 13px;
|
|
color: #909399;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.wel-filter .el-select {
|
|
width: 120px;
|
|
}
|
|
|
|
.panel-title {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 6px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #303133;
|
|
margin-bottom: 10px;
|
|
|
|
.panel-title__unit {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #909399;
|
|
}
|
|
}
|
|
|
|
.mini-card {
|
|
background: #ffffff;
|
|
border-radius: 10px;
|
|
padding: 14px 18px;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
|
|
.mini-card__label {
|
|
font-size: 13px;
|
|
color: #909399;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.mini-card__value {
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
color: #303133;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.mini-card__unit {
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #909399;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.mini-card__trend {
|
|
font-size: 12px;
|
|
margin-top: 4px;
|
|
color: #909399;
|
|
|
|
&.is-up {
|
|
color: #f04747;
|
|
}
|
|
|
|
&.is-down {
|
|
color: #2ba471;
|
|
}
|
|
}
|
|
}
|