diff --git a/src/components/Footer.vue b/src/components/Footer.vue index 96895ee..4174904 100644 --- a/src/components/Footer.vue +++ b/src/components/Footer.vue @@ -29,11 +29,13 @@ export default { @include media-breakpoint-between(xs, md) { min-height:806px; + background-image: url('/bottom/bg_wep.png'); } @include media-breakpoint-up(md) { min-height: 759px; margin-top: 0px; + background-image: url('/bottom/bg_pc.png'); } } diff --git a/src/router.js b/src/router.js index b3238a3..7e38054 100644 --- a/src/router.js +++ b/src/router.js @@ -4,32 +4,38 @@ const routes= [ { path: '/', name: 'Homepage', - component: ()=>import('./components/Homepage.vue') + component: ()=>import('./components/Homepage.vue'), + meta: { title: '首页-开动文化科技(北京)有限公司' } }, { path: '/ContactUs', name: 'ContactUs', - component: ()=>import('./components/ContactUs.vue') + component: ()=>import('./components/ContactUs.vue'), + meta: { title: '联系我们-开动文化科技(北京)有限公司' } }, { path: '/Aboutus', name: 'Aboutus', - component: ()=>import('./components/Aboutus.vue') + component: ()=>import('./components/Aboutus.vue'), + meta: { title: '关于我们-开动文化科技(北京)有限公司' } }, { path: '/ServiceProcess', name: 'ServiceProcess', - component: ()=>import('./components/ServiceProcess.vue') + component: ()=>import('./components/ServiceProcess.vue'), + meta: { title: '服务流程-开动文化科技(北京)有限公司' } }, { path: '/Examples', name: 'Examples', - component: ()=>import('./components/Examples.vue') + component: ()=>import('./components/Examples.vue'), + meta: { title: '行业案例-开动文化科技(北京)有限公司' } }, { path: '/Err404', name: 'Err404', - component: ()=>import('./components/Tools/Err404.vue') + component: ()=>import('./components/Tools/Err404.vue'), + meta: { title: '404:未找到此页面' } }, { path: '/:pathMatch(.*)*', @@ -42,4 +48,14 @@ const router = createRouter({ routes }) +// 路由守卫,切换页面时修改标题 +router.beforeEach((to, from, next) => { + if (to.meta && to.meta.title) { + document.title = to.meta.title + } else { + document.title = '开动文化科技(北京)有限公司' + } + next() +}) + export default router