feat(events): add events list
This commit is contained in:
parent
6858e631c4
commit
2a8a0796d2
7
src/common/interfaces/Event.ts
Normal file
7
src/common/interfaces/Event.ts
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
interface Event {
|
||||||
|
time: string
|
||||||
|
name: string
|
||||||
|
description: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export { Event }
|
@ -1,7 +1,24 @@
|
|||||||
<script setup lang="ts"></script>
|
<script setup lang="ts">
|
||||||
|
import _events from '~/assets/jsons/events.json'
|
||||||
|
import type { Event } from '~/common/interfaces/Event'
|
||||||
|
|
||||||
|
const events = _events as Event[]
|
||||||
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<h1>events</h1>
|
<h1>事件</h1>
|
||||||
|
|
||||||
|
<v-timeline side="end">
|
||||||
|
<v-timeline-item
|
||||||
|
v-for="event, i in events"
|
||||||
|
:key="i"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<v-alert :value="true">
|
||||||
|
{{ event.description }}
|
||||||
|
</v-alert>
|
||||||
|
</v-timeline-item>
|
||||||
|
</v-timeline>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped></style>
|
||||||
|
Loading…
Reference in New Issue
Block a user