<template>
|
<div id="app">
|
<!-- <img alt="Vue logo" src="./assets/logo.png">
|
<HelloWorld msg="Welcome to Your Vue.js App"/> -->
|
<!-- <button @click="test">测试1</button> -->
|
<router-view></router-view>
|
</div>
|
</template>
|
|
<script>
|
// import HelloWorld from './components/HelloWorld.vue'
|
|
export default {
|
name: 'App',
|
methods:{
|
test(){
|
console.log(this.$router)
|
this.$router.push({'path':'/screen1'})
|
}
|
},
|
components: {
|
// HelloWorld
|
}
|
}
|
</script>
|
|
<style>
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
text-align: center;
|
color: #2c3e50;
|
/* margin-top: 60px; */
|
overflow-x: hidden;
|
}
|
#dv-full-screen-container{
|
background-color: rgba(227, 237, 248, 1);
|
}
|
.screen-bg{
|
background-color: rgba(227, 237, 248, 1);
|
min-height: 100vh;
|
}
|
body{
|
margin: 0px;
|
background-color: rgba(227, 237, 248, 1);
|
|
}
|
</style>
|
