|
|
@ -51,7 +51,7 @@ |
|
|
|
<div class="right"> |
|
|
|
<el-card class="graph-card-list"> |
|
|
|
<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="permanent"></el-option> |
|
|
|
<el-option label="免费金币" value="free"></el-option> |
|
|
@ -770,16 +770,14 @@ onUnmounted(() => { |
|
|
|
.card-select { |
|
|
|
:deep(.el-select__wrapper) { |
|
|
|
background-color: #E7F4FD !important; |
|
|
|
// :hover { |
|
|
|
// background-color: red !important; |
|
|
|
// } |
|
|
|
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) !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) { |
|
|
|
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的样式 */ |
|
|
|
/* 选中 tab 的文字颜色 */ |
|
|
|
:deep(.el-tabs__item.is-active) { |
|
|
|