mirror of
https://github.com/HangarMC/Hangar.git
synced 2024-12-27 07:03:26 +08:00
52 lines
1.2 KiB
Vue
52 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<v-list dense>
|
||
|
|
<v-list-item
|
||
|
|
v-for="control in controls"
|
||
|
|
:key="control.title"
|
||
|
|
link
|
||
|
|
:to="isRouterLink(control) ? control.link : null"
|
||
|
|
:href="isRouterLink(control) ? null : control.link"
|
||
|
|
>
|
||
|
|
<v-list-item-icon>
|
||
|
|
<v-icon color="white">{{ control.icon }}</v-icon>
|
||
|
|
</v-list-item-icon>
|
||
|
|
<v-list-item-content>
|
||
|
|
<v-list-item-title>{{ control.title }}</v-list-item-title>
|
||
|
|
</v-list-item-content>
|
||
|
|
</v-list-item>
|
||
|
|
</v-list>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { Component, Vue } from 'nuxt-property-decorator';
|
||
|
|
import { Prop } from 'vue-property-decorator';
|
||
|
|
import { PropType } from 'vue';
|
||
|
|
|
||
|
|
export interface Control {
|
||
|
|
icon: String;
|
||
|
|
title: String;
|
||
|
|
link: String;
|
||
|
|
}
|
||
|
|
|
||
|
|
@Component
|
||
|
|
export default class Card extends Vue {
|
||
|
|
@Prop({ type: Array as PropType<Control[]>, required: true })
|
||
|
|
controls: Control[];
|
||
|
|
|
||
|
|
isRouterLink(control: Control): Boolean {
|
||
|
|
return control.link.startsWith('/');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.announcement {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.announcement-text {
|
||
|
|
padding: 0.25rem 0;
|
||
|
|
}
|
||
|
|
</style>
|