Browse Source

fix:柱状图部分内容:排名卡片

lihui/feature-20250915101448-现金管理
lihui 1 week ago
parent
commit
baede47f1b
  1. 32
      src/components/workspace/GoldGraph.vue

32
src/components/workspace/GoldGraph.vue

@ -763,29 +763,29 @@ onUnmounted(() => {
}
.graph-card-list {
background: #F3FAFF;
background: #E7F4FD;
box-shadow: 0 0 8px 0 #00000040;
padding: 12px;
/** 选择框 穿透样式 */
.card-select {
:deep(.el-input__wrapper) {
background-color: #E7F4FD !important;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
:deep(.el-select__wrapper ) {
background: #E7F4FD;
border: none !important;
}
:deep(.el-input__inner) {
background-color: transparent !important;
:deep(.el-select__input-wrapper ) {
background: #F3FAFF;
box-shadow: 0 0 8px 0 #00000040;
border: none !important;
}
:deep(.el-input__suffix) {
background-color: transparent !important;
}
}
/* 表格整体背景:把表格容器设为卡片背景 */
:deep(.el-table) {
background-color: #F3FAFF !important;
background-color: #E7F4FD !important;
box-shadow: none !important;
}
@ -804,14 +804,12 @@ onUnmounted(() => {
/* 表头 */
:deep(.el-table__header th) {
background-color: #F3FAFF !important;
background-color: #E7F4FD !important;
}
/* 行之间的分隔线(更像卡片内表格) */
:deep(.el-table .el-table__row):not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,0.06);
/* 针对表格 body 中的单元格底部边框 */
:deep(.el-table__body .el-table__cell) {
border-bottom: 1px solid #BBC0C9 !important;
}
}
</style>
Loading…
Cancel
Save