[fix] fixed link and fixed ts warning
This commit is contained in:
mysper
parent
5630c81ea6
commit
647b719401
@ -27,9 +27,11 @@ export default class App extends Vue {
|
||||
this.$route.name === 'CFP' ||
|
||||
this.$route.name === 'news' ||
|
||||
this.$route.name === 'ocfp-news'
|
||||
)
|
||||
) {
|
||||
return false;
|
||||
else return true;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -3,7 +3,10 @@
|
||||
<div class="header__left">
|
||||
<div class="header-logo">
|
||||
<a href="/2021/">
|
||||
<img src="~@/assets/images/home/home-headerIcon.svg" width="100%" />
|
||||
<img
|
||||
src="~@/assets/images/home/home-headerIcon.svg"
|
||||
width="100%"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -13,35 +16,45 @@
|
||||
<li>
|
||||
<a
|
||||
href="/2021/agenda"
|
||||
v-bind:class="onRoute('Agenda') ? 'header-link--active' : ''"
|
||||
v-bind:class="
|
||||
onRoute('Agenda') ? 'header-link--active' : ''
|
||||
"
|
||||
>議程與活動</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/traffic"
|
||||
v-bind:class="onRoute('Traffic') ? 'header-link--active' : ''"
|
||||
v-bind:class="
|
||||
onRoute('Traffic') ? 'header-link--active' : ''
|
||||
"
|
||||
>交通方式</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/venue"
|
||||
v-bind:class="onRoute('Venue') ? 'header-link--active' : ''"
|
||||
v-bind:class="
|
||||
onRoute('Venue') ? 'header-link--active' : ''
|
||||
"
|
||||
>會場地圖</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/sponsor"
|
||||
v-bind:class="onRoute('Sponsor') ? 'header-link--active' : ''"
|
||||
v-bind:class="
|
||||
onRoute('Sponsor') ? 'header-link--active' : ''
|
||||
"
|
||||
>贊助資訊</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/2021/team"
|
||||
v-bind:class="onRoute('Team') ? 'header-link--active' : ''"
|
||||
v-bind:class="
|
||||
onRoute('Team') ? 'header-link--active' : ''
|
||||
"
|
||||
>籌備團隊</a
|
||||
>
|
||||
</li>
|
||||
@ -51,7 +64,10 @@
|
||||
<div class="header-links--mobile">
|
||||
<select onchange="location = this.value;">
|
||||
<option value="/"> 年會主題</option>
|
||||
<option value="/agenda" :selected="onRoute('Agenda') ? true : false">
|
||||
<option
|
||||
value="/agenda"
|
||||
:selected="onRoute('Agenda') ? true : false"
|
||||
>
|
||||
<a href="/2021/agenda"> 議程與活動</a></option
|
||||
>
|
||||
<option
|
||||
@ -60,20 +76,29 @@
|
||||
>
|
||||
<a href="/2021/traffic">交通方式</a></option
|
||||
>
|
||||
<option value="/venue" :selected="onRoute('Venue') ? true : false"
|
||||
<option
|
||||
value="/venue"
|
||||
:selected="onRoute('Venue') ? true : false"
|
||||
><a href="/2021/venue">會場地圖</a></option
|
||||
>
|
||||
<option value="/sponsor" :selected="onRoute('Sponsor') ? true : false"
|
||||
<option
|
||||
value="/sponsor"
|
||||
:selected="onRoute('Sponsor') ? true : false"
|
||||
><a href="/2021/sponsor">贊助資訊</a></option
|
||||
>
|
||||
<option value="/team" :selected="onRoute('Team') ? true : false"
|
||||
<option
|
||||
value="/team"
|
||||
:selected="onRoute('Team') ? true : false"
|
||||
><a href="/2021/team">籌備團隊</a></option
|
||||
>
|
||||
</select>
|
||||
<!-- <div class="header-links--mobile-bg"></div> -->
|
||||
</div>
|
||||
<div class="header-apply">
|
||||
<a href="https://sitcon.kktix.cc/events/sitcon2021" target="_blank">
|
||||
<a
|
||||
href="https://sitcon.kktix.cc/events/sitcon2021"
|
||||
target="_blank"
|
||||
>
|
||||
報名去
|
||||
</a>
|
||||
</div>
|
||||
@ -88,10 +113,7 @@ import { Component, Vue } from 'vue-property-decorator';
|
||||
props: ['route']
|
||||
})
|
||||
export default class Header extends Vue {
|
||||
mounted() {
|
||||
console.log(this.$props.route.name);
|
||||
}
|
||||
public onRoute(routeName: String) {
|
||||
public onRoute (routeName: string) {
|
||||
return this.$props.route.name === routeName ? true : false;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,7 +6,10 @@
|
||||
<p>SITCON 學生計算機年會 2021</p>
|
||||
</div>
|
||||
<div class="home__title-topic">
|
||||
<img src="~@/assets/images/home/home-topic.svg" width="100%" />
|
||||
<img
|
||||
src="~@/assets/images/home/home-topic.svg"
|
||||
width="100%"
|
||||
/>
|
||||
</div>
|
||||
<div class="home__title-box2">
|
||||
<p class="home__title-box2--p1">
|
||||
@ -28,7 +31,9 @@
|
||||
src="~@/assets/images/home/home-icon-square.svg"
|
||||
/>
|
||||
<h1>算盤的後裔</h1>
|
||||
<h2 class="home__info-title-h2--big">Descendants of the abacus</h2>
|
||||
<h2 class="home__info-title-h2--big">
|
||||
Descendants of the abacus
|
||||
</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
@ -66,7 +71,9 @@
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<h1>行為準則</h1>
|
||||
<h2 class="home__info-title-h2--mid">Code of Conduct</h2>
|
||||
<h2 class="home__info-title-h2--mid">
|
||||
Code of Conduct
|
||||
</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
@ -83,7 +90,9 @@
|
||||
<div class="home__info-container">
|
||||
<div class="home__info-title">
|
||||
<h1>參與討論</h1>
|
||||
<h2 class="home__info-title-h2--mid">Join the community</h2>
|
||||
<h2 class="home__info-title-h2--mid">
|
||||
Join the community
|
||||
</h2>
|
||||
</div>
|
||||
<div class="home__info-paragraph">
|
||||
<p>
|
||||
@ -92,13 +101,23 @@
|
||||
SITCON 的郵件論壇並貢獻你的想法！
|
||||
<br />
|
||||
<br />
|
||||
若你想進一步了解過往討論的內容，也歡迎在 HackMD 上查看 SITCON 2021
|
||||
的會議記錄。
|
||||
若你想進一步了解過往討論的內容，也歡迎在 HackMD
|
||||
上查看 SITCON 2021 的會議記錄。
|
||||
</p>
|
||||
</div>
|
||||
<div class="home__info-buttonsBox">
|
||||
<a href="" class="home-button">郵件論壇</a>
|
||||
<a href="" class="home-button">會議記錄</a>
|
||||
<a
|
||||
href="https://groups.google.com/g/sitcon-general"
|
||||
target="_blank"
|
||||
class="home-button"
|
||||
>郵件論壇</a
|
||||
>
|
||||
<a
|
||||
href="https://hackmd.io/@SITCON/SITCON2021"
|
||||
target="_blank_"
|
||||
class="home-button"
|
||||
>會議記錄</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user