From cd061668f9201b676e6b74ebb7a512deedfa065f Mon Sep 17 00:00:00 2001
From: YGXB_net <ygxb-net@outlook.com>
Date: Fri, 1 May 2026 14:04:26 +0800
Subject: [PATCH] =?UTF-8?q?style(code):=20=E7=BB=9F=E4=B8=80=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E6=A0=BC=E5=BC=8F=E5=8C=96=E5=92=8C=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E9=A1=BA=E5=BA=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整了多个组件中的导入语句顺序以保持一致
- 格式化了 App.vue 中的 CSS 样式规则使其更易读
- 规范化了 vite.config.ts 中的配置对象缩进
- 移除了未使用的 computed 导入以减少代码冗余
- 整理了图标组件的导入顺序使其按字母排序
- 统一了代码中的空行和缩进格式
---
 web/src/App.vue                      | 101 +++++++++++++++++++++------
 web/src/components/AddDataDialog.vue |   2 +-
 web/src/stores/counter.ts            |   2 +-
 web/src/views/AdminView.vue          |   4 +-
 web/src/views/HomeView.vue           |   7 +-
 web/src/views/TokenDetailView.vue    |   7 +-
 web/src/views/TokenManageView.vue    |   4 +-
 web/vite.config.ts                   |  20 +++---
 8 files changed, 99 insertions(+), 48 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 58309fa..7a36c8b 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import {ref} from 'vue'
 
 const themeMode = ref('light')
 </script>
@@ -104,30 +104,87 @@ html, body, #app {
 }
 
 /* Gap 间距 */
-.gap-sm { gap: 8px; }
-.gap-md { gap: 12px; }
-.gap-lg { gap: 16px; }
+.gap-sm {
+  gap: 8px;
+}
+
+.gap-md {
+  gap: 12px;
+}
+
+.gap-lg {
+  gap: 16px;
+}
 
 /* 间距工具类 */
-.mt-sm { margin-top: 8px; }
-.mt-md { margin-top: 16px; }
-.mt-lg { margin-top: 24px; }
-.mb-sm { margin-bottom: 8px; }
-.mb-md { margin-bottom: 16px; }
-.mb-lg { margin-bottom: 24px; }
-.ml-sm { margin-left: 8px; }
-.ml-md { margin-left: 12px; }
-.ml-lg { margin-left: 16px; }
-.mr-sm { margin-right: 8px; }
-.mr-md { margin-right: 12px; }
-.mr-lg { margin-right: 16px; }
+.mt-sm {
+  margin-top: 8px;
+}
+
+.mt-md {
+  margin-top: 16px;
+}
+
+.mt-lg {
+  margin-top: 24px;
+}
+
+.mb-sm {
+  margin-bottom: 8px;
+}
+
+.mb-md {
+  margin-bottom: 16px;
+}
+
+.mb-lg {
+  margin-bottom: 24px;
+}
+
+.ml-sm {
+  margin-left: 8px;
+}
+
+.ml-md {
+  margin-left: 12px;
+}
+
+.ml-lg {
+  margin-left: 16px;
+}
+
+.mr-sm {
+  margin-right: 8px;
+}
+
+.mr-md {
+  margin-right: 12px;
+}
+
+.mr-lg {
+  margin-right: 16px;
+}
 
 /* 文本工具类 */
-.text-primary { color: var(--text-primary); }
-.text-success { color: var(--success-color); }
-.text-warning { color: var(--warning-color); }
-.text-danger { color: var(--danger-color); }
-.text-info { color: var(--info-color); }
+.text-primary {
+  color: var(--text-primary);
+}
+
+.text-success {
+  color: var(--success-color);
+}
+
+.text-warning {
+  color: var(--warning-color);
+}
+
+.text-danger {
+  color: var(--danger-color);
+}
+
+.text-info {
+  color: var(--info-color);
+}
 
 /* 加载动画 */
 .loading-container {
@@ -153,7 +210,7 @@ html, body, #app {
     padding: 16px;
     border-radius: 0;
   }
-  
+
   .hide-on-mobile {
     display: none;
   }
diff --git a/web/src/components/AddDataDialog.vue b/web/src/components/AddDataDialog.vue
index b85300f..e09b372 100644
--- a/web/src/components/AddDataDialog.vue
+++ b/web/src/components/AddDataDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {ref, computed} from "vue"
+import {computed, ref} from "vue"
 import axios from "@/axios.ts"
 import {ElMessage} from 'element-plus'
 import {Upload} from '@element-plus/icons-vue'
diff --git a/web/src/stores/counter.ts b/web/src/stores/counter.ts
index 9d20685..0f4fc5e 100644
--- a/web/src/stores/counter.ts
+++ b/web/src/stores/counter.ts
@@ -1,4 +1,4 @@
-import {ref, computed} from 'vue'
+import {ref} from 'vue'
 import {defineStore} from 'pinia'
 
 export const useCounterStore = defineStore('counter', () => {
diff --git a/web/src/views/AdminView.vue b/web/src/views/AdminView.vue
index a362716..47bf887 100644
--- a/web/src/views/AdminView.vue
+++ b/web/src/views/AdminView.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {ref, watch, computed} from 'vue'
+import {ref, watch} from 'vue'
 import {useRoute, useRouter} from "vue-router"
 import {useCounterStore} from "@/stores/counter.ts"
-import {Edit, User, Document, CloseBold} from '@element-plus/icons-vue'
+import {CloseBold, Document, Edit, User} from '@element-plus/icons-vue'
 
 const router = useRouter()
 const route = useRoute()
diff --git a/web/src/views/HomeView.vue b/web/src/views/HomeView.vue
index ed26ffd..7b7e9c3 100644
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
-import {ref, onMounted, onUnmounted} from 'vue'
+import {onMounted, onUnmounted, ref} from 'vue'
 import axios from "@/axios.ts"
 import {useRoute} from "vue-router"
 import {ElMessage} from "element-plus"
-import {
-  Key, DataAnalysis,
-  Document, Warning, Search, Upload
-} from '@element-plus/icons-vue'
+import {DataAnalysis, Document, Key, Search, Upload, Warning} from '@element-plus/icons-vue'
 import AddDataDialog from "@/components/AddDataDialog.vue";
 
 const route = useRoute()
diff --git a/web/src/views/TokenDetailView.vue b/web/src/views/TokenDetailView.vue
index 1cd4898..2d7ba75 100644
--- a/web/src/views/TokenDetailView.vue
+++ b/web/src/views/TokenDetailView.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
-import {ref, onMounted, onUnmounted, watch} from 'vue'
+import {onMounted, onUnmounted, ref, watch} from 'vue'
 import {useCounterStore} from "@/stores/counter.ts"
 import axios from "@/axios.ts"
 import {ElMessage, ElMessageBox} from 'element-plus'
-import {
-  Key, Refresh, Delete, DataAnalysis,
-  Document, Warning, Search, InfoFilled
-} from '@element-plus/icons-vue'
+import {DataAnalysis, Delete, Document, InfoFilled, Key, Refresh, Search, Warning} from '@element-plus/icons-vue'
 
 const store = useCounterStore()
 const result = ref<any>(null)
diff --git a/web/src/views/TokenManageView.vue b/web/src/views/TokenManageView.vue
index edf5ee9..a3d9060 100644
--- a/web/src/views/TokenManageView.vue
+++ b/web/src/views/TokenManageView.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import {ref, onMounted} from "vue"
+import {onMounted, ref} from "vue"
 import axios from "@/axios.ts"
 import {ElMessage} from 'element-plus'
 import {useCounterStore} from "@/stores/counter.ts"
 import {useRouter} from "vue-router"
-import {Plus, View, Edit, Delete, Key, Memo, Lock} from '@element-plus/icons-vue'
+import {Delete, Edit, Key, Lock, Memo, Plus, View} from '@element-plus/icons-vue'
 import AddDataDialog from '@/components/AddDataDialog.vue'
 
 const store = useCounterStore()
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 4217010..488fac6 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -1,18 +1,18 @@
-import { fileURLToPath, URL } from 'node:url'
+import {fileURLToPath, URL} from 'node:url'
 
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
-    vue(),
-    vueDevTools(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+    plugins: [
+        vue(),
+        vueDevTools(),
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+        },
     },
-  },
 })