twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-07 08:57:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复账户设置页面，刷新后字体颜色未生效的问题

Browse Source
This commit is contained in:
xiaoxian521 2024-04-15 17:52:51 +08:00
parent dbb05f4166
commit 5d3a9dff46
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/account-settings/index.vue
View File

@ -70,10 +70,10 @@ getMine().then(res => {
<el-container class="h-full"> <el-container class="h-full">
<el-aside <el-aside
v-if="isOpen" v-if="isOpen"
class="settings-sidebar px-2 dark:!bg-[var(--el-bg-color)]" class="pure-account-settings overflow-hidden px-2 dark:!bg-[var(--el-bg-color)] border-r-[1px] border-[var(--pure-border-color)]"
:width="deviceDetection() ? '180px' : '240px'" :width="deviceDetection() ? '180px' : '240px'"
> >
<el-menu :default-active="witchPane" class="settings-menu"> <el-menu :default-active="witchPane" class="pure-account-settings-menu">
<el-menu-item <el-menu-item
class="hover:!transition-all hover:!duration-200 hover:!text-base !h-[50px]" class="hover:!transition-all hover:!duration-200 hover:!text-base !h-[50px]"
@click="router.go(-1)" @click="router.go(-1)"
@ -129,20 +129,18 @@ getMine().then(res => {
</el-container> </el-container>
</template> </template>
<style lang="scss" scoped> <style lang="scss">
.settings-sidebar { .pure-account-settings {
overflow: hidden;
background: $menuBg; background: $menuBg;
border-right: 1px solid var(--pure-border-color);
} }
.settings-menu { .pure-account-settings-menu {
background-color: transparent; background-color: transparent;
border: none; border: none;
::v-deep(.el-menu-item) { .el-menu-item {
height: 48px !important; height: 48px !important;
color: $menuText !important; color: $menuText;
background-color: transparent !important; background-color: transparent !important;
transition: color 0.2s; transition: color 0.2s;
@ -169,7 +167,9 @@ getMine().then(res => {
} }
} }
} }
</style>
<style lang="scss" scoped>
body[layout] { body[layout] {
.el-menu--vertical .is-active { .el-menu--vertical .is-active {
color: #fff !important; color: #fff !important;