From d6cd6cf13387f43621ec4f80a7bda19b2a1473f3 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 5 Nov 2025 19:37:41 +0800
Subject: [PATCH] fix: style

---
 .../mall/trade/afterSale/detail/index.vue      | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/web-antd/src/views/mall/trade/afterSale/detail/index.vue b/apps/web-antd/src/views/mall/trade/afterSale/detail/index.vue
index 85c513261..06263be61 100644
--- a/apps/web-antd/src/views/mall/trade/afterSale/detail/index.vue
+++ b/apps/web-antd/src/views/mall/trade/afterSale/detail/index.vue
@@ -11,7 +11,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { useTabs } from '@vben/hooks';
 import { $t } from '@vben/locales';
 
-import { Card, message, Tag } from 'ant-design-vue';
+import { message, Tag } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -48,11 +48,11 @@ const afterSale = ref<MallAfterSaleApi.AfterSale>({
   logs: [],
 });
 
-// TODO @xingyu：貌似 antd 相比 antd 来说，多了一个框？有啥办法只有 1 个么？
 const [OrderDescriptions] = useDescription({
   title: '订单信息',
   bordered: false,
   column: 3,
+  class: 'mx-4',
   schema: useOrderInfoSchema(),
 });
 
@@ -60,6 +60,7 @@ const [AfterSaleDescriptions] = useDescription({
   title: '售后信息',
   bordered: false,
   column: 3,
+  class: 'mx-4',
   schema: useAfterSaleInfoSchema(),
 });
 
@@ -67,6 +68,7 @@ const [RefundStatusDescriptions] = useDescription({
   title: '退款状态',
   bordered: false,
   column: 1,
+  class: 'mx-4',
   schema: useRefundStatusSchema(),
 });
 
@@ -262,17 +264,11 @@ onMounted(() => {
     <DisagreeModal @success="getDetail" />
 
     <!-- 订单信息 -->
-    <Card class="mb-4">
-      <OrderDescriptions :data="afterSale" />
-    </Card>
+    <OrderDescriptions :data="afterSale" />
     <!-- 售后信息 -->
-    <Card class="mb-4">
-      <AfterSaleDescriptions :data="afterSale" />
-    </Card>
+    <AfterSaleDescriptions :data="afterSale" />
     <!-- 退款状态 -->
-    <Card class="mb-4">
-      <RefundStatusDescriptions :data="afterSale" />
-    </Card>
+    <RefundStatusDescriptions :data="afterSale" />
     <!-- 商品信息 -->
     <div class="mb-4">
       <ProductGrid table-title="商品信息">