fix: style

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" />
-      <OrderDescriptions :data="afterSale" />
-    </Card>
     <!-- 售后信息 -->
-    <Card class="mb-4">
+    <AfterSaleDescriptions :data="afterSale" />
-      <AfterSaleDescriptions :data="afterSale" />
-    </Card>
     <!-- 退款状态 -->
-    <Card class="mb-4">
+    <RefundStatusDescriptions :data="afterSale" />
-      <RefundStatusDescriptions :data="afterSale" />
-    </Card>
     <!-- 商品信息 -->
     <div class="mb-4">
       <ProductGrid table-title="商品信息">