|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="right-menu"> | 
|---|
|  |  |  | <template v-if="appStore.device !== 'mobile'"> | 
|---|
|  |  |  | <header-search id="header-search" class="right-menu-item" /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-tooltip content="源码地址" effect="dark" placement="bottom"> | 
|---|
|  |  |  | <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" /> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-tooltip content="文档地址" effect="dark" placement="bottom"> | 
|---|
|  |  |  | <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" /> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <screenfull id="screenfull" class="right-menu-item hover-effect" /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-tooltip content="主题模式" effect="dark" placement="bottom"> | 
|---|
|  |  |  | <div class="right-menu-item hover-effect theme-switch-wrapper" @click="toggleTheme"> | 
|---|
|  |  |  | <svg-icon v-if="settingsStore.isDark" icon-class="sunny" /> | 
|---|
|  |  |  | <svg-icon v-if="!settingsStore.isDark" icon-class="moon" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-tooltip content="布局大小" effect="dark" placement="bottom"> | 
|---|
|  |  |  | <size-select id="size-select" class="right-menu-item hover-effect" /> | 
|---|
|  |  |  | </el-tooltip> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <div class="avatar-container"> | 
|---|
|  |  |  | <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <router-link to="/user/profile"> | 
|---|
|  |  |  | <el-dropdown-item>个人中心</el-dropdown-item> | 
|---|
|  |  |  | </router-link> | 
|---|
|  |  |  | <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings"> | 
|---|
|  |  |  | <!-- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings"> | 
|---|
|  |  |  | <span>布局设置</span> | 
|---|
|  |  |  | </el-dropdown-item> | 
|---|
|  |  |  | </el-dropdown-item> --> | 
|---|
|  |  |  | <el-dropdown-item divided command="logout"> | 
|---|
|  |  |  | <span>退出登录</span> | 
|---|
|  |  |  | </el-dropdown-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | overflow: hidden; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | background: var(--navbar-bg); | 
|---|
|  |  |  | box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); | 
|---|
|  |  |  | // box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .hamburger-container { | 
|---|
|  |  |  | line-height: 46px; | 
|---|