This commit is contained in:
zxm 2018-07-09 22:21:42 +08:00
parent 56fad01d09
commit 36059ef651
6 changed files with 56 additions and 12 deletions

View File

@ -6,6 +6,8 @@
<title>len开源脚手架博客</title>
</head>
<body>
<div id="app"></div>
<div id="app">
</div>
</body>
</html>

View File

@ -1,13 +1,28 @@
<template>
<div id="app">
<!-- <img src="./assets/logo.png">-->
<Layout>
<!--header begin-->
<blogHead></blogHead>
<!--header end-->
<!--context begin-->
<router-view/>
<!--context end-->
</Layout>
</div>
</template>
<script>
import blogHead from "./components/header/head"
export default {
name: 'App'
components:{blogHead},
name: 'App',
data(){
return {}
}
}
</script>

View File

@ -13,11 +13,10 @@
</Header>-->
<blogHead></blogHead>
<div class="cont">
<div class="content clearfix">
<div class="left">
<ul>
<!-- <ul>
<li class="one">
<Card style="height: 200px">
@ -33,6 +32,7 @@
</li>
<li class="one">
<Card style="height: 200px">
<div @click="detail">
@ -59,7 +59,7 @@
</Card>
</li>
</ul>
</ul>-->
<Page :total="40" size="small" show-total></Page>
</div>
<blogRight></blogRight>

View File

@ -0,0 +1,18 @@
<template>
<div id="detail-context">
aaaaa
</div>
</template>
<script>
export default {
name: "detail-context",
data(){
return {}
}
}
</script>
<style scoped>
</style>

View File

@ -7,10 +7,12 @@
<Col :xs="24" :sm="18" :lg="14">
<Menu mode="horizontal" :theme="theme1" active-name="1">
<MenuItem name="1">
<div @click="toIndex">
<Icon type="ios-paper"></Icon>
java
</div>
<router-link to="/blogHead">
<div>
<Icon type="ios-paper"></Icon>
java
</div>
</router-link>
</MenuItem>
<MenuItem name="2">
<Icon type="ios-people"></Icon>

View File

@ -3,13 +3,15 @@ import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Home from '@/components/home'
import Person from '@/components/person'
import Detail from '@/components/detail/detail-context'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
path: '/index',
name: 'HelloWorld',
component: HelloWorld
},
@ -22,6 +24,11 @@ export default new Router({
component: Person
}
]
}
},{
path:'/detail/:id',
name:'Detail',
component:Detail
},
]
})