feat: code refactor

2025-09-04 14:50:53 +08:00
parent 48d8393a14
commit 0537088b9d
14 changed files with 1156 additions and 762 deletions
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <div class="mb-6 text-center" v-if="linkText && linkTo">
+      <router-link
+        :to="linkTo"
+        class="text-indigo-400 hover:text-indigo-300 transition duration-300"
+      >
+        {{ linkText }}
+      </router-link>
+    </div>
+    
+    <div
+      class="px-8 py-4 bg-opacity-50 flex justify-between items-center"
+      :class="[isDarkMode ? 'bg-gray-800' : 'bg-gray-100']"
+    >
+      <span
+        class="text-sm flex items-center"
+        :class="[isDarkMode ? 'text-gray-300' : 'text-gray-800']"
+      >
+        <ShieldCheckIcon class="w-4 h-4 mr-1 text-green-400" />
+        安全加密
+      </span>
+      <button
+        @click="$emit('toggle-drawer')"
+        class="text-sm hover:text-indigo-300 transition duration-300 flex items-center"
+        :class="[isDarkMode ? 'text-indigo-400' : 'text-indigo-600']"
+      >
+        {{ drawerText }}
+        <ClipboardListIcon class="w-4 h-4 ml-1" />
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { inject } from 'vue'
+import { ShieldCheckIcon, ClipboardListIcon } from 'lucide-vue-next'
+
+interface Props {
+  linkText?: string
+  linkTo?: string
+  drawerText: string
+}
+
+interface Emits {
+  'toggle-drawer': []
+}
+
+defineProps<Props>()
+defineEmits<Emits>()
+
+const isDarkMode = inject('isDarkMode')
+</script>