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

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

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