|
|
@@ -3,53 +3,53 @@
|
|
|
<logo v-if="showLogo" :collapse="isCollapse" />
|
|
|
<top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
|
|
|
|
|
|
- <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">
|
|
|
- <div class="avatar-wrapper">
|
|
|
- <img :src="userStore.avatar" class="user-avatar" />
|
|
|
- <el-icon><caret-bottom /></el-icon>
|
|
|
- </div>
|
|
|
- <template #dropdown>
|
|
|
- <el-dropdown-menu>
|
|
|
- <router-link to="/user/profile">
|
|
|
- <el-dropdown-item>个人中心</el-dropdown-item>
|
|
|
- </router-link>
|
|
|
- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
|
|
|
- <span>布局设置</span>
|
|
|
- </el-dropdown-item>
|
|
|
- <el-dropdown-item divided command="logout">
|
|
|
- <span>退出登录</span>
|
|
|
- </el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </template>
|
|
|
- </el-dropdown>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <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">-->
|
|
|
+<!-- <div class="avatar-wrapper">-->
|
|
|
+<!-- <img :src="userStore.avatar" class="user-avatar" />-->
|
|
|
+<!-- <el-icon><caret-bottom /></el-icon>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <template #dropdown>-->
|
|
|
+<!-- <el-dropdown-menu>-->
|
|
|
+<!-- <router-link to="/user/profile">-->
|
|
|
+<!-- <el-dropdown-item>个人中心</el-dropdown-item>-->
|
|
|
+<!-- </router-link>-->
|
|
|
+<!-- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">-->
|
|
|
+<!-- <span>布局设置</span>-->
|
|
|
+<!-- </el-dropdown-item>-->
|
|
|
+<!-- <el-dropdown-item divided command="logout">-->
|
|
|
+<!-- <span>退出登录</span>-->
|
|
|
+<!-- </el-dropdown-item>-->
|
|
|
+<!-- </el-dropdown-menu>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-dropdown>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -180,7 +180,7 @@ function toggleTheme() {
|
|
|
|
|
|
svg {
|
|
|
transition: transform 0.3s;
|
|
|
-
|
|
|
+
|
|
|
&:hover {
|
|
|
transform: scale(1.15);
|
|
|
}
|