1 | <template>
|
2 | <div id="app">
|
3 | <div id="nav">
|
4 | <router-link to="/">Home</router-link> |
|
5 | <router-link to="/orthodox">Orthodox</router-link> |
|
6 | <router-link to="/about">About</router-link> |
|
7 | <router-link to="/demo1">Demo 1</router-link> |
|
8 | <router-link to="/ts2">TS2</router-link> |
|
9 | <router-link to="/rearrangement">Rearrangement</router-link> |
|
10 | <router-link to="/folding-demo-2">Folding Demo 2</router-link>
|
11 | </div>
|
12 | <router-view/>
|
13 | </div>
|
14 | </template>
|
15 |
|
16 | <style>
|
17 | #app {
|
18 | font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
19 | -webkit-font-smoothing: antialiased;
|
20 | -moz-osx-font-smoothing: grayscale;
|
21 | text-align: center;
|
22 | color: #2c3e50;
|
23 | }
|
24 | #nav {
|
25 | padding: 30px;
|
26 | }
|
27 |
|
28 | #nav a {
|
29 | font-weight: bold;
|
30 | color: #2c3e50;
|
31 | }
|
32 |
|
33 | #nav a.router-link-exact-active {
|
34 | color: #42b983;
|
35 | }
|
36 | </style>
|