Browse Source

fix:样式 柱状图

milestone-20250913-现金管理
lihui 2 days ago
parent
commit
f136dac125
  1. 29
      src/components/workspace/GoldGraph.vue

29
src/components/workspace/GoldGraph.vue

@ -51,7 +51,7 @@
<div class="right"> <div class="right">
<el-card class="graph-card-list"> <el-card class="graph-card-list">
<div class="card-large">金币{{ activeTab === 'recharge' ? '充值' : '消费' }}排名</div> <div class="card-large">金币{{ activeTab === 'recharge' ? '充值' : '消费' }}排名</div>
<el-select class="card-select" v-model="selectedType" style="width: 100%; margin-bottom: 15px">
<el-select popper-class="mySelectStyle" class="card-select" v-model="selectedType" style="width: 100%; margin-bottom: 15px">
<el-option label="全部类型" value="all"></el-option> <el-option label="全部类型" value="all"></el-option>
<el-option label="永久金币" value="permanent"></el-option> <el-option label="永久金币" value="permanent"></el-option>
<el-option label="免费金币" value="free"></el-option> <el-option label="免费金币" value="free"></el-option>
@ -770,16 +770,14 @@ onUnmounted(() => {
.card-select { .card-select {
:deep(.el-select__wrapper) { :deep(.el-select__wrapper) {
background-color: #E7F4FD !important; background-color: #E7F4FD !important;
// :hover {
// background-color: red !important;
// }
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
border: none !important; border: none !important;
} }
:deep(.el-select-dropdown__item.selected) {
// :hover { background-color: red !important; }
background: red !important;
:deep(.el-select-dropdown) {
background-color: #E7F4FD !important;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !important;
border: none !important;
} }
} }
@ -806,8 +804,25 @@ onUnmounted(() => {
:deep(.el-table__body .el-table__cell) { :deep(.el-table__body .el-table__cell) {
border-bottom: 1px solid #BBC0C9 !important; border-bottom: 1px solid #BBC0C9 !important;
} }
}
/* select 列表项 初始颜色 */
.el-select-dropdown__item {
background: #ffffff;
}
/* select hover状态*/
.el-select-dropdown__item:hover {
border-radius: 8px;
background: #E5EBFE;
height: 32px;
} }
/* 选中状态(针对 is-selected 类) */
.el-select-dropdown__item.is-selected {
color: #2549E0;
border-radius: 8px;
}
/* tabs的样式 */ /* tabs的样式 */
/* 选中 tab 的文字颜色 */ /* 选中 tab 的文字颜色 */
:deep(.el-tabs__item.is-active) { :deep(.el-tabs__item.is-active) {

Loading…
Cancel
Save