系统布局配置优化

master
贾肃 5 months ago
parent 27ad3c1c7a
commit 748e4b3111
  1. 7
      src/layout/components/Navbar.vue
  2. 6
      src/layout/components/Settings/index.vue

@ -30,8 +30,9 @@
</template> </template>
<div class="avatar-container"> <div class="avatar-container">
<el-dropdown v-if="settingsStore.showSettings" @command="handleCommand" class="right-menu-item hover-effect" trigger="click"> <el-dropdown v-if="settingsStore.showSettings" @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper"> <div class="right-menu-item">
<img :src="userStore.avatar" class="user-avatar" /> <i-me theme="outline" size="24" :fill="iconColor"/>
<div style="margin-left: 3px">{{userStore.name}}</div>
<el-icon><caret-bottom /></el-icon> <el-icon><caret-bottom /></el-icon>
</div> </div>
<template #dropdown> <template #dropdown>
@ -43,7 +44,7 @@
<span>布局设置</span> <span>布局设置</span>
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item divided command="logout"> <el-dropdown-item divided command="logout">
<span>登录</span> <span>退出</span>
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>

@ -3,7 +3,7 @@
<div class="setting-drawer-title"> <div class="setting-drawer-title">
<h3 class="drawer-title">主题风格设置</h3> <h3 class="drawer-title">主题风格设置</h3>
</div> </div>
<div class="setting-drawer-block-checbox"> <div class="setting-drawer-block-checbox" v-if="false">
<div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')"> <div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')">
<img src="@/assets/images/dark.svg" alt="dark" /> <img src="@/assets/images/dark.svg" alt="dark" />
<div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;"> <div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
@ -35,7 +35,7 @@
<h3 class="drawer-title">系统布局配置</h3> <h3 class="drawer-title">系统布局配置</h3>
<div class="drawer-item"> <div class="drawer-item" v-if="false">
<span>开启 TopNav</span> <span>开启 TopNav</span>
<span class="comp-style"> <span class="comp-style">
<el-switch v-model="settingsStore.topNav" @change="topNavChange" class="drawer-switch" /> <el-switch v-model="settingsStore.topNav" @change="topNavChange" class="drawer-switch" />
@ -56,7 +56,7 @@
</span> </span>
</div> </div>
<div class="drawer-item"> <div class="drawer-item" v-if="false">
<span>显示 Logo</span> <span>显示 Logo</span>
<span class="comp-style"> <span class="comp-style">
<el-switch v-model="settingsStore.sidebarLogo" class="drawer-switch" /> <el-switch v-model="settingsStore.sidebarLogo" class="drawer-switch" />

Loading…
Cancel
Save