V0.1.2.20250715
——————————————— 对抬头布局的位置确认 ———————————————
This commit is contained in:
parent
433f138b6f
commit
e2f4b40cc8
@ -8,6 +8,6 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<script type="module" src="/src/main.js"></script>
|
<script type="module" src="/src/main.ts"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -1,9 +1,12 @@
|
|||||||
<script setup lang="js">
|
<script setup lang="ts">
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<header>
|
||||||
|
<div class="logo"><img src="#"></div>
|
||||||
|
<div class="Intop-A"></div>
|
||||||
|
</header>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
@ -0,0 +1,21 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: aqua;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 90%;
|
||||||
|
/*与Intop-A相加为18.5*/
|
||||||
|
height: 11.5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Intop-A {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 90%;
|
||||||
|
height: 7vh;
|
||||||
|
background-color: red;
|
||||||
|
}
|
@ -1,9 +1,9 @@
|
|||||||
<script setup lang="js">
|
<script setup lang="ts">
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
aaaa
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
11
src/components/NotFound.vue
Normal file
11
src/components/NotFound.vue
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
404
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
@ -2,7 +2,7 @@ import './assets/main.css'
|
|||||||
|
|
||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from './router/router'
|
import router from './router/router.js'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
createApp(App).use(router).use(axios).mount('#app')
|
createApp(App).use(router).use(axios).mount('#app')
|
@ -1,3 +0,0 @@
|
|||||||
export default function router() {
|
|
||||||
|
|
||||||
}
|
|
15
src/router/router.ts
Normal file
15
src/router/router.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import {createRouter, createWebHashHistory} from "vue-router";
|
||||||
|
import Home from "@/components/Home.vue";
|
||||||
|
import NotFound from "@/components/NotFound.vue";
|
||||||
|
|
||||||
|
const router = createRouter({
|
||||||
|
history: createWebHashHistory(),
|
||||||
|
routes: [
|
||||||
|
{
|
||||||
|
path: '/',
|
||||||
|
component: Home,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
export default router
|
Loading…
x
Reference in New Issue
Block a user