style: index page

2026-06-22 17:26:48 +08:00
parent f52f1a40f7
commit 11f309c54c
20 changed files with 870 additions and 1090 deletions
@@ -0,0 +1,31 @@
+<template>
+  <v-card
+    class="rounded-xl elevation-2 d-flex align-center justify-between pa-4 my-4"
+    color="surface"
+    :to="to"
+  >
+    <div class="d-flex align-center">
+      <v-avatar class="mr-3 text-white elevation-1" :color="iconColor" size="48">
+        <v-icon :icon="icon" />
+      </v-avatar>
+
+      <div>
+        <div class="font-weight-bold text-subtitle-2 text-grey-darken-4">{{ title }}</div>
+
+        <div class="text-caption text-grey">{{ description }}</div>
+      </div>
+    </div>
+
+    <v-icon color="primary" icon="mdi-chevron-right" />
+  </v-card>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  to: string
+  icon: string
+  iconColor: string
+  title: string
+  description: string
+}>()
+</script>