add a nav for test page

This commit is contained in:
jingsam 2016-10-31 22:11:51 +08:00
parent 3735e3768d
commit b8273bfc26
9 changed files with 193 additions and 160 deletions

View file

@ -2,8 +2,41 @@
@import "../src/styles/index.less";
@import "../src/styles/package.less";
</style>
<style scoped>
nav {
margin-bottom: 40px;
}
li {
display: inline-block;
}
li + li {
border-left: solid 1px #bbb;
padding-left: 5px;
margin-left: 5px;
}
.v-link-active {
color: #bbb;
}
</style>
<template>
<div>
<nav>
<ul>
<li><a v-link="'/button'">Button</a></li>
<li><a v-link="'/card'">Card</a></li>
<li><a v-link="'/message'">Message</a></li>
<li><a v-link="'/more'">More</a></li>
<li><a v-link="'/page'">Page</a></li>
<li><a v-link="'/poptip'">Poptip</a></li>
<li><a v-link="'/radio'">Radio</a></li>
<li><a v-link="'/select'">Select</a></li>
<li><a v-link="'/slider'">Slider</a></li>
<li><a v-link="'/step'">Step</a></li>
</ul>
</nav>
<router-view></router-view>
</div>
</template>