refactor(layout): 调整首页布局和路由配置
- 移除 AppMain 组件中的条件类名,去除index页高度100vh覆盖头部和navbar隐藏 - 头部大屏更换为概览页,大屏改为新页面打开 - 移除 Layout 组件中的动态样式
This commit is contained in:
parent
ab709310c4
commit
bd8103dc95
|
@ -1,5 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<section id="con_lf_top_div" :class="key==='/index'?'h100vh':''" class="app-main">
|
<!-- <section id="con_lf_top_div" :class="key==='/index'?'h100vh':''" class="app-main">-->
|
||||||
|
<section id="con_lf_top_div" class="app-main">
|
||||||
<transition mode="out-in" name="fade-transform">
|
<transition mode="out-in" name="fade-transform">
|
||||||
<keep-alive :include="cachedViews">
|
<keep-alive :include="cachedViews">
|
||||||
<router-view :key="key" />
|
<router-view :key="key" />
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
||||||
<sidebar class="sidebar-container" />
|
<sidebar class="sidebar-container" />
|
||||||
<div :class="{hasTagsView:needTagsView}" class="main-container">
|
<div :class="{hasTagsView:needTagsView}" class="main-container">
|
||||||
<div id="navbar-top" :class="{'fixed-header':fixedHeader}" :style="navbarShow() ? 'display: none;' : ''">
|
<div id="navbar-top" :class="{'fixed-header':fixedHeader}">
|
||||||
<navbar />
|
<navbar />
|
||||||
<tags-view v-if="needTagsView" />
|
<tags-view v-if="needTagsView" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -88,20 +88,9 @@ export const constantRoutes = [
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: 'index',
|
redirect: 'index',
|
||||||
children: [
|
children: [
|
||||||
{
|
|
||||||
path: '/index',
|
|
||||||
component: (resolve) => require(['@/views/bigScreenIframe/index'], resolve),
|
|
||||||
name: 'BigScreen',
|
|
||||||
meta: {
|
|
||||||
title: '监控大屏', icon: 'dashboard', noCache: true, affix: true
|
|
||||||
},
|
|
||||||
params: {
|
|
||||||
showNav: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// {
|
// {
|
||||||
// path: '/index',
|
// path: '/index',
|
||||||
// component: (resolve) => require(['@/views/index'], resolve),
|
// component: (resolve) => require(['@/views/bigScreenIframe/index'], resolve),
|
||||||
// name: 'BigScreen',
|
// name: 'BigScreen',
|
||||||
// meta: {
|
// meta: {
|
||||||
// title: '监控大屏', icon: 'dashboard', noCache: true, affix: true
|
// title: '监控大屏', icon: 'dashboard', noCache: true, affix: true
|
||||||
|
@ -110,6 +99,14 @@ export const constantRoutes = [
|
||||||
// showNav: false
|
// showNav: false
|
||||||
// }
|
// }
|
||||||
// },
|
// },
|
||||||
|
{
|
||||||
|
path: '/index',
|
||||||
|
component: (resolve) => require(['@/views/index'], resolve),
|
||||||
|
name: 'BigScreen',
|
||||||
|
meta: {
|
||||||
|
title: '监控大屏', icon: 'dashboard', noCache: false, affix: false
|
||||||
|
},
|
||||||
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue