| commit | author | age | ||
| 998a46 | 1 | <template> |
| D | 2 | <div id="app"> |
| 3 | <div id="nav"> | |
| 4 | <router-link to="/">Home</router-link> | | |
| 875958 | 5 | <router-link to="/todo">Todo</router-link> | |
| c89de6 | 6 | <router-link to="/component-view">Components</router-link> |
| 998a46 | 7 | </div> |
| D | 8 | <router-view/> |
| 9 | </div> | |
| 10 | </template> | |
| 11 | ||
| 12 | <style lang="scss"> | |
| 875958 | 13 | |
| D | 14 | @import "scss/custom.scss"; |
| 15 | ||
| 998a46 | 16 | #app { |
| D | 17 | font-family: "Avenir", Helvetica, Arial, sans-serif; |
| 18 | -webkit-font-smoothing: antialiased; | |
| 19 | -moz-osx-font-smoothing: grayscale; | |
| 20 | text-align: center; | |
| 21 | color: #2c3e50; | |
| 22 | } | |
| 23 | #nav { | |
| 24 | padding: 30px; | |
| 25 | a { | |
| 26 | font-weight: bold; | |
| 27 | color: #2c3e50; | |
| 28 | &.router-link-exact-active { | |
| 128c44 | 29 | color: #a30000; |
| 998a46 | 30 | } |
| D | 31 | } |
| 32 | } | |
| 33 | </style> | |
