wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整移动端布局

Browse Source
This commit is contained in:
不做码农 2022-05-07 12:49:15 +08:00
parent 29a164a882
commit 24385f2b03
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/layout/components/Navbar.vue
View File

@ -1,18 +1,18 @@
<template>
<div class="navbar" :data-theme="sideTheme">
<div class="navbar" :data-theme="sideTheme" :class="getters.device">
<hamburger id="hamburger-container" :is-active="getters.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!$store.state.settings.topNav" />
<top-nav id="topmenu-container" class="topmenu-container" v-if="$store.state.settings.topNav" />
<template v-if="getters.device != 'mobile'">
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!$store.state.settings.topNav" />
<top-nav id="topmenu-container" class="topmenu-container" v-if="$store.state.settings.topNav" />
</template>
<div class="right-menu">
<template v-if="getters.device !== 'mobile'">
<header-search id="header-search" class="right-menu-item" v-waves="'orange'" />
<zr-git title="源码地址" class="right-menu-item" />
<zr-doc title="文档地址" class="right-menu-item" />
<screenfull title="全屏" class="right-menu-item" />
<size-select title="布局大小" class="right-menu-item" />
<LangSelect title="语言设置" class="right-menu-item" />
</template>
<header-search id="header-search" class="right-menu-item" v-if="getters.device != 'mobile'" />
<zr-git title="源码地址" class="right-menu-item" />
<zr-doc title="文档地址" class="right-menu-item" />
<screenfull title="全屏" class="right-menu-item" />
<size-select title="布局大小" class="right-menu-item" />
<LangSelect title="语言设置" class="right-menu-item" />
<Notice title="通知" class="right-menu-item" />
<el-dropdown @command="handleCommand" class="right-menu-item avatar-container" trigger="hover">
@ -123,7 +123,6 @@ function setLayout() {
.breadcrumb-container {
float: left;
}
.topmenu-container {
position: absolute;
left: 50px;