Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit8880d06

Browse files
adjust the routes
1 parenteb8ad35 commit8880d06

File tree

6 files changed

+88
-59
lines changed

6 files changed

+88
-59
lines changed

‎src/App.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<template>
22
<divid="app">
3-
<Components/>
3+
<router-view/>
44
</div>
55
</template>
66

77
<script>
8-
importComponentsfrom'@/views/Components.vue'
8+
importFramefrom'@/views/Frame.vue'
99
1010
exportdefault {
1111
name:'app',
1212
components: {
13-
Components,
13+
Frame,
1414
},
1515
}
1616
</script>
File renamed without changes.

‎src/router.js

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,32 @@
11
importVuefrom'vue'
22
importRouterfrom'vue-router'
3-
importContentfrom'./components/Content.vue'
3+
importFramefrom'./views/Frame.vue'
4+
importComponentsfrom'./views/Components.vue'
5+
importComponentContentfrom'./components/ComponentContent.vue'
46

57
Vue.use(Router)
68

79
exportdefaultnewRouter({
810
mode:'history',
911
routes:[
1012
{
11-
path:'/component/:name',
12-
name:'home',
13-
component:Content,
13+
path:'/',
14+
name:'frame',
15+
component:Frame,
16+
children:[
17+
{
18+
path:'component',
19+
name:'components',
20+
component:Components,
21+
children:[
22+
{
23+
path:':name',
24+
name:'ComponentContent',
25+
component:ComponentContent,
26+
},
27+
],
28+
},
29+
],
1430
},
1531
{
1632
path:'*',

‎src/views/Components.vue

Lines changed: 2 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,17 @@
11
<template>
22
<div>
3-
<ca-layoutwrap>
4-
<ca-flexcol="xs3 sm3 md3 lg3 xl3"class="slideMenu">
5-
<SliderMenu />
6-
</ca-flex>
7-
<ca-flexcol="xs9 sm9 md9 lg9 xl9"class="content">
8-
<headerclass="pageHeader"></header>
9-
<router-view/>
10-
<footerclass="pageFooter">
11-
<p>Vanilla Components version 9.0.15</p>
12-
13-
<p>React Components version 6.5.2</p>
14-
15-
<p>Website last updated on June 20, 2018 at 12:00 AM</p>
16-
17-
<p>MIT</p>
18-
</footer>
19-
</ca-flex>
20-
</ca-layout>
3+
<headerclass="pageHeader"></header>
4+
<router-view/>
215
</div>
226
</template>
237

248
<script>
25-
// @ is an alias to /src
26-
importSliderMenufrom'@/components/SlideMenu.vue'
27-
importCodeSnippetfrom'@/components/CodeSnippet.vue'
28-
299
exportdefault {
3010
name:'components',
31-
components: {
32-
SliderMenu,
33-
CodeSnippet,
34-
},
35-
data: ()=> ({
36-
model:100,
37-
}),
3811
}
3912
</script>
4013

4114
<style scoped>
42-
.slideMenu {
43-
max-height:100vh;
44-
overflow:scroll;
45-
border-right:2pxsolid#f5f7fa;
46-
background:#fff
47-
}
48-
49-
.content {
50-
max-height:100vh;
51-
overflow:scroll;
52-
background:#fff;
53-
}
54-
55-
.pageFooter {
56-
background:#f4f7fb;
57-
padding:25px100px;
58-
}
59-
60-
.pageFooterp {
61-
font-size:10px;
62-
margin:5px0;
63-
}
64-
6515
.pageHeader {
6616
height:150px;
6717
background:#f4f7fb;

‎src/views/Frame.vue

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<template>
2+
<div>
3+
<ca-layoutwrap>
4+
<ca-flexcol="xs3 sm3 md3 lg3 xl3"class="slideMenu">
5+
<SliderMenu />
6+
</ca-flex>
7+
<ca-flexcol="xs9 sm9 md9 lg9 xl9"class="content">
8+
<router-view/>
9+
<footerclass="pageFooter">
10+
<p>Vanilla Components version 9.0.15</p>
11+
<p>React Components version 6.5.2</p>
12+
<p>Website last updated on June 20, 2018 at 12:00 AM</p>
13+
<p>MIT</p>
14+
</footer>
15+
</ca-flex>
16+
</ca-layout>
17+
</div>
18+
</template>
19+
20+
<script>
21+
importSliderMenufrom'@/components/SlideMenu.vue'
22+
23+
exportdefault {
24+
name:'frame',
25+
components: {
26+
SliderMenu,
27+
},
28+
}
29+
</script>
30+
31+
<style scoped>
32+
.slideMenu {
33+
max-height:100vh;
34+
overflow:scroll;
35+
border-right:2pxsolid#f5f7fa;
36+
background:#fff
37+
}
38+
39+
.content {
40+
max-height:100vh;
41+
overflow:scroll;
42+
background:#fff;
43+
}
44+
45+
.pageFooter {
46+
background:#f4f7fb;
47+
padding:25px100px;
48+
}
49+
50+
.pageFooterp {
51+
font-size:10px;
52+
margin:5px0;
53+
}
54+
55+
.pageHeader {
56+
height:150px;
57+
background:#f4f7fb;
58+
border-bottom:1pxsolid#3057d5
59+
}
60+
</style>

‎src/views/GetStarted.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<template>
2+
3+
</template>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp