t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[fixed] fixed footer in cfp color

Browse Source
This commit is contained in:
mysper 2021-03-31 10:58:05 +08:00
parent acdd7ac920
commit add1f3bc82
4 changed files with 393 additions and 395 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/scss/footer-primary.scss
View File

@ -1,4 +1,4 @@
@import "breakpoint.scss";
@import 'breakpoint.scss';
// varible declare
$fontColor: white;
@ -6,7 +6,7 @@ $fontColor: white;
//for footer-primary
$backgroundColor: #000098;
$fontFamily: "Noto Sans TC", monospace;
$fontFamily: 'Noto Sans TC', monospace;
@mixin fontSize() {
font-size: 14pt;
@ -81,8 +81,7 @@ $fontFamily: "Noto Sans TC", monospace;
}
}
}
.footer-container {
.footer-container-primary {
background: $backgroundColor;
// position
// position: absolute;

3
src/assets/scss/footer-secondary.scss
View File

@ -78,8 +78,7 @@ $fontFamily: 'Noto Sans TC', monospace;
}
}
}
.footer-container {
.footer-container-secondary {
background: $backgroundColor;
// position
// position: absolute;

38
src/components/FooterPrimary.vue
View File

@ -1,5 +1,5 @@
<template>
<footer class="footer-container">
<footer class="footer-container-primary">
<div class="footer-left">
<p class="footer-brand footer-font-block">
<span class="footer-context">學生計算機年會</span>
@ -52,39 +52,39 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class CFP extends Vue {
private communityLink = [
{
title: "facebook",
icon: "facebook-f",
link: "https://sitcon.org/fb",
title: 'facebook',
icon: 'facebook-f',
link: 'https://sitcon.org/fb'
},
{
title: "flickr",
icon: "flickr",
link: "https://sitcon.org/flickr",
title: 'flickr',
icon: 'flickr',
link: 'https://sitcon.org/flickr'
},
{
title: "telegram",
icon: "telegram-plane",
link: "https://sitcon.org/tg",
title: 'telegram',
icon: 'telegram-plane',
link: 'https://sitcon.org/tg'
},
{
title: "twitter",
icon: "twitter",
link: "https://sitcon.org/twitter",
title: 'twitter',
icon: 'twitter',
link: 'https://sitcon.org/twitter'
},
{
title: "youtube",
icon: "youtube",
link: "https://sitcon.org/yt",
},
title: 'youtube',
icon: 'youtube',
link: 'https://sitcon.org/yt'
}
];
}
</script>
<style lang="scss">
@import "@/assets/scss/footer-primary";
@import '@/assets/scss/footer-primary';
</style>

38
src/components/FooterSecondary.vue
View File

@ -1,5 +1,5 @@
<template>
<footer class="footer-container">
<footer class="footer-container-secondary">
<div class="footer-left">
<p class="footer-brand footer-font-block">
<span class="footer-context">學生計算機年會</span>
@ -37,39 +37,39 @@
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class CFP extends Vue {
private communityLink = [
{
title: "facebook",
icon: "facebook-f",
link: "https://sitcon.org/fb",
title: 'facebook',
icon: 'facebook-f',
link: 'https://sitcon.org/fb'
},
{
title: "flickr",
icon: "flickr",
link: "https://sitcon.org/flickr",
title: 'flickr',
icon: 'flickr',
link: 'https://sitcon.org/flickr'
},
{
title: "telegram",
icon: "telegram-plane",
link: "https://sitcon.org/tg",
title: 'telegram',
icon: 'telegram-plane',
link: 'https://sitcon.org/tg'
},
{
title: "twitter",
icon: "twitter",
link: "https://sitcon.org/twitter",
title: 'twitter',
icon: 'twitter',
link: 'https://sitcon.org/twitter'
},
{
title: "youtube",
icon: "youtube",
link: "https://sitcon.org/yt",
},
title: 'youtube',
icon: 'youtube',
link: 'https://sitcon.org/yt'
}
];
}
</script>
<style lang="scss">
@import "@/assets/scss/footer-secondary";
@import '@/assets/scss/footer-secondary';
</style>