Add mode switching and number range settings to RandomPicker component. Introduce picker modes for name and number, allowing users to set a range for student IDs. Update settings management for new properties and enhance UI for better user experience.

2025-05-24 21:21:20 +08:00
parent ab20d6cecb
commit 0f9ad4f81a
4 changed files with 205 additions and 14 deletions
@@ -0,0 +1,30 @@
+<template>
+    <settings-card title="编辑设置" icon="mdi-cog">
+      <v-list>
+        <setting-item setting-key="randomPicker.enabled" />
+        <v-divider class="my-2" />
+
+        <setting-item setting-key="randomPicker.mode" />
+        <v-divider class="my-2" />
+        <setting-item setting-key="randomPicker.minNumber" />
+        <v-divider class="my-2" />
+        <setting-item setting-key="randomPicker.maxNumber" />
+        <v-divider class="my-2" />
+        <setting-item setting-key="randomPicker.defaultCount" />
+
+
+        <v-divider class="my-2" />
+        <setting-item setting-key="randomPicker.animation" />
+
+
+
+
+      </v-list>
+    </settings-card>
+  </template>
+
+  <script>
+  import SettingsCard from '@/components/SettingsCard.vue';
+  import SettingItem from '../SettingItem.vue';
+
+  </script>