Refactor router.config.js

pull/3445/head
ruibaby 2019-04-10 20:44:02 +08:00
parent 0d6e3572c7
commit e283228726
5 changed files with 16 additions and 8 deletions

View File

@ -6,7 +6,7 @@
<div class="main" v-if="!$route.meta.hiddenHeaderContent"> <div class="main" v-if="!$route.meta.hiddenHeaderContent">
<div class="row"> <div class="row">
<img v-if="logo" :src="logo" class="logo"/> <img v-if="logo" :src="logo" class="logo"/>
<h1 v-if="title" class="title">{{ title }}</h1> <!-- <h1 v-if="title" class="title">{{ title }}</h1> -->
<div class="action"> <div class="action">
<slot name="action"></slot> <slot name="action"></slot>
</div> </div>

View File

@ -97,7 +97,7 @@ export const asyncRouterMap = [
{ {
path: '/interface', path: '/interface',
name: 'Interface', name: 'Interface',
component: PageView, component: RouteView,
redirect: '/interface/themes', redirect: '/interface/themes',
meta: { title: '外观', icon: 'skin' }, meta: { title: '外观', icon: 'skin' },
children: [ children: [

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="page-header-index-wide"> <page-view>
<a-row :gutter="12"> <a-row :gutter="12">
<a-col <a-col
:xl="10" :xl="10"
@ -67,10 +67,11 @@
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
</div> </page-view>
</template> </template>
<script> <script>
import { PageView } from '@/layouts'
import { Ellipsis } from '@/components' import { Ellipsis } from '@/components'
import menuApi from '@/api/menu' import menuApi from '@/api/menu'
const columns = [ const columns = [
@ -99,6 +100,7 @@ const columns = [
] ]
export default { export default {
components: { components: {
PageView,
Ellipsis Ellipsis
}, },
data() { data() {

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="page-header-index-wide"> <page-view>
<a-row :gutter="12"> <a-row :gutter="12">
<a-col <a-col
:xl="18" :xl="18"
@ -31,15 +31,17 @@
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
</div> </page-view>
</template> </template>
<script> <script>
import themeApi from '@/api/theme' import themeApi from '@/api/theme'
import ThemeFile from './components/ThemeFile' import ThemeFile from './components/ThemeFile'
import { codemirror } from 'vue-codemirror-lite' import { codemirror } from 'vue-codemirror-lite'
import { PageView } from '@/layouts'
export default { export default {
components: { components: {
PageView,
codemirror, codemirror,
ThemeFile ThemeFile
}, },

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="page-header-index-wide"> <page-view>
<a-row :gutter="12" type="flex" align="middle"> <a-row :gutter="12" type="flex" align="middle">
<a-col <a-col
class="theme-item" class="theme-item"
@ -113,13 +113,17 @@
</a-col> </a-col>
</a-row> </a-row>
</a-drawer> </a-drawer>
</div> </page-view>
</template> </template>
<script> <script>
import { PageView } from '@/layouts'
import themeApi from '@/api/theme' import themeApi from '@/api/theme'
export default { export default {
components: {
PageView
},
data() { data() {
return { return {
wrapperCol: { wrapperCol: {