You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.0 KiB
35 lines
1.0 KiB
2 years ago
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="row">
|
||
|
|
<Banner/>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xs-2 col-xs-offset-2">
|
||
|
|
<div class="list-group">
|
||
|
|
<!-- router-link 的 replace 和 push模式 设置为replace后无法后退，默认为push模式-->
|
||
|
|
<router-link class="list-group-item" active-class="active" :to="{name:'guanyu'}">About</router-link>
|
||
|
|
<router-link class="list-group-item" active-class="active" to="/home">Home</router-link>
|
||
|
|
<!-- <a class="list-group-item active" href="./about.html">About</a>-->
|
||
|
|
<!-- <a class="list-group-item" href="./home.html">Home</a>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-6">
|
||
|
|
<div class="panel">
|
||
|
|
<div class="panel-body">
|
||
|
|
<router-view></router-view>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Banner from "@/components/Banner.vue";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "App",
|
||
|
|
components: {Banner}
|
||
|
|
}
|
||
|
|
</script>
|