| | |
| | | |
| | | <template> |
| | | <AppLayout /> |
| | | |
| | | |
| | | </template> |
| | | |
| | | <style scoped> |
| | |
| | | import { createRouter, createWebHistory } from 'vue-router' |
| | | import HomeView from '../views/HomeView.vue' |
| | | import indexView from '../views/index.vue' |
| | | |
| | | const router = createRouter({ |
| | | history: createWebHistory(import.meta.env.BASE_URL), |
| | |
| | | path: '/', |
| | | name: 'home', |
| | | component: HomeView |
| | | }, |
| | | { |
| | | path: '/index', |
| | | name: 'index', |
| | | component: indexView |
| | | } |
| | | ] |
| | | }) |
对比新文件 |
| | |
| | | <template> |
| | | <div class="content"> |
| | | <div class="content_left">1</div> |
| | | <div class="content_center">2</div> |
| | | <div class="content_right">3</div> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | <script setup> |
| | | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .content { |
| | | width: 100%; |
| | | height: auto; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .content_left { |
| | | width: 920px; |
| | | background-color: aquamarine; |
| | | } |
| | | .content_center { |
| | | flex: 1; |
| | | margin: 0 40px; |
| | | background-color: aquamarine; |
| | | } |
| | | .content_right { |
| | | width: 920px; |
| | | background-color: aquamarine; |
| | | } |
| | | } |
| | | </style> |
| | | |