60 lines
1.1 KiB
Vue
60 lines
1.1 KiB
Vue
<template>
|
|
<!-- <img alt="Vue logo" src="./assets/logo.png"> -->
|
|
<!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
|
|
<!-- <router-view></router-view> -->
|
|
<FirstPage />
|
|
<!-- <MenuList /> -->
|
|
</template>
|
|
|
|
<script>
|
|
import { useRouter } from 'vue-router';
|
|
// import HelloWorld from './components/HelloWorld.vue'
|
|
// import coffeeIndex from './components/coffeeIndex.vue';
|
|
// import MenuList from './components/MenuList.vue';
|
|
import FirstPage from './components/FirstPage.vue';
|
|
|
|
export default {
|
|
name: 'App',
|
|
components: {
|
|
// HelloWorld,
|
|
// coffeeIndex
|
|
// MenuList
|
|
FirstPage
|
|
},
|
|
setup() {
|
|
const goTo = () => {
|
|
console.log('go to first page');
|
|
useRouter().push('/first');
|
|
}
|
|
return {
|
|
goTo
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
html{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #f5f5f5;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
}
|
|
</style>
|