65 lines
1.2 KiB
Vue
65 lines
1.2 KiB
Vue
<template>
|
|
<v-container>
|
|
<v-row align="center">
|
|
<v-col
|
|
v-for="(link, i) in links"
|
|
:key="i"
|
|
class="text-center"
|
|
cols="6"
|
|
md="auto"
|
|
>
|
|
<a
|
|
:href="link.href"
|
|
class="text-decoration-none text-uppercase text-caption font-weight-regular"
|
|
rel="noopener"
|
|
target="_blank"
|
|
v-text="link.text"
|
|
/>
|
|
</v-col>
|
|
|
|
<v-spacer class="hidden-sm-and-down" />
|
|
|
|
<v-col
|
|
cols="12"
|
|
md="auto"
|
|
>
|
|
<div class="text-body-1 font-weight-light pt-6 pt-md-0 text-center">
|
|
© {{ (new Date()).getFullYear() }}, Made by <v-icon>mdi-vuetify</v-icon>
|
|
<a
|
|
href="https://ccnetcore"
|
|
class="text-decoration-none"
|
|
>ccnetcore</a>
|
|
</div>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Links',
|
|
|
|
data: () => ({
|
|
links: [
|
|
{
|
|
href: '#',
|
|
text: 'YiFramework文档',
|
|
},
|
|
{
|
|
href: '#',
|
|
text: 'GitHub',
|
|
},
|
|
{
|
|
href: '#',
|
|
text: '论坛',
|
|
}
|
|
],
|
|
}),
|
|
}
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
a
|
|
color: inherit !important
|
|
</style>
|