| | |
|---|
| | | <template> |
|---|
| | | <div id="app"> |
|---|
| | | <img alt="Vue logo" src="./assets/logo.png"> |
|---|
| | | <HelloWorld msg="Welcome to Your Vue.js App"/> |
|---|
| | | </div> |
|---|
| | | <div id="app"> |
|---|
| | | <router-view></router-view> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import HelloWorld from './components/HelloWorld.vue' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'App', |
|---|
| | | components: { |
|---|
| | | HelloWorld |
|---|
| | | } |
|---|
| | | name: 'App', |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | body { |
|---|
| | | height: 100vh; |
|---|
| | | overflow-y: hidden; |
|---|
| | | } |
|---|
| | | #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; |
|---|
| | | height: 100%; |
|---|
| | | background-color: #031D67; |
|---|
| | | background-image: url("./assets/images/video-bg.jpg"); |
|---|
| | | overflow-x: hidden; |
|---|
| | | } |
|---|
| | | #app:before { |
|---|
| | | display: table; |
|---|
| | | content: " "; |
|---|
| | | } |
|---|
| | | </style> |
|---|
