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

Commit71b042a

Browse files
adjust footer
1 parent8201ccb commit71b042a

File tree

3 files changed

+54
-33
lines changed

3 files changed

+54
-33
lines changed

‎src/components/Footer.vue

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<template>
2+
<footerclass="pageFooter">
3+
<p>The source code is licensed under MIT. </p>
4+
<p>The website content is licensed under CC ANS 4.0.</p>
5+
<div>
6+
<ahref="https://www.npmjs.com/package/carvue">
7+
<imgclass="pageFooter__badges"src="https://img.shields.io/npm/v/carvue.svg" />
8+
</a>
9+
<ahref="https://david-dm.org/nicholaslee119/carbon-components-vue?type=dev">
10+
<imgclass="pageFooter__badges"src="https://david-dm.org/nicholaslee119/carbon-components-vue/dev-status.svg" />
11+
</a>
12+
<ahref="https://coveralls.io/github/nicholaslee119/carbon-components-vue?branch=master">
13+
<imgclass="pageFooter__badges"src=" https://coveralls.io/repos/github/nicholaslee119/carbon-components-vue/badge.svg?branch=master" />
14+
</a>
15+
<ahref=" https://travis-ci.org/nicholaslee119/carbon-components-vue">
16+
<imgclass="pageFooter__badges"src="https://travis-ci.org/nicholaslee119/carbon-components-vue.svg?branch=master" />
17+
</a>
18+
<ahref="https://github.com/nicholaslee119/carbon-components-vue">
19+
<imgclass="pageFooter__badges"src="https://img.shields.io/github/stars/nicholaslee119/carbon-components-vue.svg?style=social&label=Stars" />
20+
</a>
21+
</div>
22+
</footer>
23+
</template>
24+
25+
<script>
26+
exportdefault {
27+
name:'footer',
28+
}
29+
</script>
30+
31+
<style scroped>
32+
.pageFooter {
33+
background:#f4f7fb;
34+
padding:25px20px200px20px;
35+
}
36+
37+
.pageFooterp {
38+
font-size:12px;
39+
margin:5px0;
40+
}
41+
42+
.pageFooter__badges {
43+
margin:20px5px00;
44+
}
45+
</style>

‎src/views/Frame.vue

Lines changed: 7 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,41 @@
11
<template>
22
<div>
33
<ca-layoutwrap>
4-
<ca-flexcol="xs3 sm3 md3 lg3 xl3"class="slideMenu">
4+
<ca-flexcol="xs3 sm3 md3 lg3 xl3"class="frame__left">
55
<Left />
66
</ca-flex>
7-
<ca-flexcol="xs9 sm9 md9 lg9 xl9"class="content">
7+
<ca-flexcol="xs9 sm9 md9 lg9 xl9"class="frame__right">
88
<router-view/>
9-
<footerclass="pageFooter">
10-
<p>The source code is licensed under MIT. </p>
11-
<p>The website content is licensed under CC ANS 4.0.</p>
12-
<ahref="https://github.com/nicholaslee119/carbon-components-vue">
13-
<imgclass="pageFooter__badges"src="https://img.shields.io/github/stars/nicholaslee119/carbon-components-vue.svg?style=social&label=Stars" />
14-
</a>
15-
</footer>
9+
<Footer />
1610
</ca-flex>
1711
</ca-layout>
1812
</div>
1913
</template>
2014

2115
<script>
2216
importLeftfrom'./Left.vue'
17+
importFooterfrom'@/components/Footer.vue'
2318
2419
exportdefault {
2520
name:'frame',
2621
components: {
2722
Left,
23+
Footer,
2824
},
2925
}
3026
</script>
3127

3228
<style scoped>
33-
.slideMenu {
29+
.frame__left {
3430
max-height:100vh;
3531
overflow:scroll;
3632
border-right:2pxsolid#f5f7fa;
3733
background:#fff
3834
}
3935
40-
.content {
36+
.frame__right {
4137
max-height:100vh;
4238
overflow:scroll;
4339
background:#fff;
4440
}
45-
46-
.pageFooter {
47-
background:#f4f7fb;
48-
padding:25px20px200px20px;
49-
}
50-
51-
.pageFooterp {
52-
font-size:12px;
53-
margin:5px0;
54-
}
55-
56-
.pageHeader {
57-
height:150px;
58-
background:#f4f7fb;
59-
border-bottom:1pxsolid#3057d5
60-
}
61-
62-
.pageFooter__badges {
63-
margin-top:20px;
64-
}
6541
</style>

‎src/views/Home.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@
1717
<imgclass="home__badges"src="https://travis-ci.org/nicholaslee119/carbon-components-vue.svg?branch=master" />
1818
</a>
1919
<ahref="https://github.com/nicholaslee119/carbon-components-vue">
20-
<imgclass="home__badges"src="https://img.shields.io/github/stars/nicholaslee119/carbon-components-vue.svg?style=social&label=Stars" />
21-
</a>
20+
<imgclass="home__badges"src="https://img.shields.io/github/stars/nicholaslee119/carbon-components-vue.svg?style=social&label=Stars" />
21+
</a>
2222
</div>
2323
<pclass="home__logo__banner__title">Carvue is a UI components library which is based on Carbon-Design and VueJS with ❤️ </p>
2424
<ca-buttonclass="home__logo__btn"icon="icon--power"primary><router-linkto="/GetStarted">Get Started</router-link></ca-button>

0 commit comments

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