From 07d6f305b774bd4909663777560720306277e11a Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Fri, 29 May 2026 10:50:31 +0800
Subject: [PATCH] style: fix spacing and clean up unused styles

remove the unused CustomEmpty scss stylesheet
inline the empty image dimensions in CustomEmpty component and remove unused mode attribute
replace mt-8 utility classes with explicit mt-[8px] across multiple components
remove the deprecated style import in CustomEmpty
---
 src/components/CustomEmpty/index.vue                   | 10 +++-------
 src/components/CustomEmpty/styles/index.scss           |  4 ----
 src/pages/home/components/AnswerComponent/index.vue    |  2 +-
 src/pages/order/order/components/OrderCard/InfoRow.vue |  2 +-
 src/pages/order/order/components/VoucherList/index.vue |  2 +-
 5 files changed, 6 insertions(+), 14 deletions(-)
 delete mode 100644 src/components/CustomEmpty/styles/index.scss

diff --git a/src/components/CustomEmpty/index.vue b/src/components/CustomEmpty/index.vue
index 6dfc8f6..83fc198 100644
--- a/src/components/CustomEmpty/index.vue
+++ b/src/components/CustomEmpty/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="empty-container flex flex-col items-center justify-center">
-    <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
-    <span class="text-[12px] text-center text-ink-400 mt-8">
+  <div class="flex flex-col items-center justify-center">
+    <img class="w-[130px] h-[130px]" :src="emptyIcon" />
+    <span class="text-[12px] text-center text-ink-400 mt-[8px]">
       {{ statusText }}
     </span>
   </div>
@@ -22,7 +22,3 @@ const props = defineProps({
   },
 });
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
diff --git a/src/components/CustomEmpty/styles/index.scss b/src/components/CustomEmpty/styles/index.scss
deleted file mode 100644
index b07e999..0000000
--- a/src/components/CustomEmpty/styles/index.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.empty-image {
-  height: 130px;
-  width: 130px;
-}
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index fafded5..2ebd91e 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -13,7 +13,7 @@
         <ChatMarkdown :text="processedContent" />
       </div>
       <!-- 超过3行时显示...提示 -->
-      <div v-if="!finish" class="flex flex-row items-center mt-8">
+      <div v-if="!finish" class="flex flex-row items-center mt-[8px]">
         <span class="text-[12px] font-normal font-color-600">正在生成</span>
         <ChatLoading />
       </div>
diff --git a/src/pages/order/order/components/OrderCard/InfoRow.vue b/src/pages/order/order/components/OrderCard/InfoRow.vue
index 9aa9afc..05d27f3 100644
--- a/src/pages/order/order/components/OrderCard/InfoRow.vue
+++ b/src/pages/order/order/components/OrderCard/InfoRow.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="info-row flex items-center mt-8">
+  <div class="info-row flex items-center mt-[8px]">
     <span class="label text-[12px] text-ink-400">{{ label }}：</span>
     <span class="value flex-1 text-[12px] text-ink-400">{{ value }}</span>
   </div>
diff --git a/src/pages/order/order/components/VoucherList/index.vue b/src/pages/order/order/components/VoucherList/index.vue
index aa2482b..91749b7 100644
--- a/src/pages/order/order/components/VoucherList/index.vue
+++ b/src/pages/order/order/components/VoucherList/index.vue
@@ -11,7 +11,7 @@
     ]" v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
       <div class="flex flex-col">
         <span class="span-color-900 text-[16px]">{{ item.name }}</span>
-        <div class="flex flex-row mt-8">
+        <div class="flex flex-row mt-[8px]">
           <div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
             总计{{ item.count }}{{ item.unit }}
           </div>