1

2025-03-08 21:51:00 +08:00
parent ec46f6aca2
commit 10b7f3784f
13 changed files with 2450 additions and 1288 deletions
@@ -0,0 +1,54 @@
+<template>
+  <v-card elevation="2" class="settings-card rounded-lg">
+    <v-card-item>
+      <template #prepend>
+        <v-icon
+          :icon="icon"
+          size="large"
+          class="mr-2"
+        />
+      </template>
+      <v-card-title class="text-h6">{{ title }}</v-card-title>
+    </v-card-item>
+
+    <v-card-text>
+      <v-progress-linear
+        v-if="loading"
+        indeterminate
+        color="primary"
+        class="mb-4"
+      />
+      <slot />
+    </v-card-text>
+
+    <v-card-actions v-if="$slots.actions" class="pa-4">
+      <slot name="actions" />
+    </v-card-actions>
+  </v-card>
+</template>
+
+<script>
+export default {
+  name: 'SettingsCard',
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+    icon: {
+      type: String,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.settings-card {
+  height: 100%;
+}
+</style>