fix: antd lint

apps/web-antd/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/index.vue

@@ -12,7 +12,7 @@ defineProps<{ property: ImageBarProperty }>();
 </script>
 <template>
   <div
-    class="bg-card flex h-12 items-center justify-center"
+    class="flex h-12 items-center justify-center bg-card"
     v-if="!property.imgUrl"
   >
     <IconifyIcon icon="lucide:image" class="text-3xl text-gray-600" />

apps/web-antd/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/index.vue

@@ -94,7 +94,7 @@ function calculateWidth() {
     ref="containerRef"
   >
     <div
-      class="bg-card relative box-content flex flex-row flex-wrap overflow-hidden"
+      class="relative box-content flex flex-row flex-wrap overflow-hidden bg-card"
       :style="{
         ...calculateSpace(index),
         ...calculateWidth(),

apps/web-antd/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/index.vue

@@ -101,7 +101,7 @@ function calculateWidth() {
         borderBottomLeftRadius: `${property.borderRadiusBottom}px`,
         borderBottomRightRadius: `${property.borderRadiusBottom}px`,
       }"
-      class="bg-card relative box-content flex flex-row flex-wrap overflow-hidden"
+      class="relative box-content flex flex-row flex-wrap overflow-hidden bg-card"
     >
       <!-- 角标 -->
       <div

apps/web-antd/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/index.vue

@@ -91,7 +91,7 @@ function calculateWidth() {
     ref="containerRef"
   >
     <div
-      class="bg-card relative box-content flex flex-row flex-wrap overflow-hidden"
+      class="relative box-content flex flex-row flex-wrap overflow-hidden bg-card"
       :style="{
         ...calculateSpace(index),
         ...calculateWidth(),

apps/web-antd/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/index.vue

@@ -21,7 +21,7 @@ defineProps<{ property: UserCardProperty }>();
       </div>
       <IconifyIcon icon="tdesign:qrcode" :size="20" />
     </div>
-    <div class="bg-card flex items-center justify-between px-5 py-2 text-xs">
+    <div class="flex items-center justify-between bg-card px-5 py-2 text-xs">
       <span class="text-orange-500">点击绑定手机号</span>
       <span class="rounded-lg bg-orange-500 px-2 py-1 text-white">
         去绑定

apps/web-antd/src/views/mall/promotion/components/diy-editor/index.vue

@@ -297,7 +297,7 @@ onMounted(() => {
 <template>
   <Page auto-content-height>
     <!-- 顶部：工具栏 -->
-    <Row class="bg-card flex max-h-12 rounded-lg">
+    <Row class="flex max-h-12 rounded-lg bg-card">
       <!-- 左侧操作区 -->
       <Col :span="8">
         <slot name="toolBarLeft"></slot>
@@ -350,7 +350,7 @@ onMounted(() => {
           <!-- 手机顶部 -->
           <div class="mx-auto flex w-96 flex-col">
             <!-- 手机顶部状态栏 -->
-            <img alt="" class="bg-card h-6" :src="statusBarImg" />
+            <img alt="" class="h-6 bg-card" :src="statusBarImg" />
             <!-- 手机顶部导航栏 -->
             <ComponentContainer
               v-if="showNavigationBar"

apps/web-antd/src/views/mall/promotion/components/draggable/index.vue

@@ -58,7 +58,7 @@ const handleDelete = function (index: number) {
       <div class="mb-1 flex flex-col gap-1 rounded border border-gray-200 p-2">
         <!-- 操作按钮区 -->
         <div
-          class="bg-secondary -m-2 mb-1 flex flex-row items-center justify-between rounded-t p-2"
+          class="-m-2 mb-1 flex flex-row items-center justify-between rounded-t bg-secondary p-2"
         >
           <Tooltip title="拖动排序">
             <IconifyIcon

apps/web-antd/src/views/mall/promotion/components/magic-cube-editor/index.vue

@@ -202,7 +202,7 @@ function eachCube(callback: (x: number, y: number, cube: Cube) => void) {
         <td
           v-for="(cube, col) in rowCubes"
           :key="col"
-          class="active:bg-primary-200 hover:bg-primary-100 box-border cursor-pointer border text-center align-middle"
+          class="box-border cursor-pointer border text-center align-middle hover:bg-primary-100 active:bg-primary-200"
           :class="[{ active: cube.active }]"
           :style="{
             width: `${cubeSize}px`,
@@ -219,7 +219,7 @@ function eachCube(callback: (x: number, y: number, cube: Cube) => void) {
     <div
       v-for="(hotArea, index) in hotAreas"
       :key="index"
-      class="bg-primary-200 border-primary absolute box-border flex items-center justify-center border"
+      class="absolute box-border flex items-center justify-center border border-primary bg-primary-200"
       :style="{
         top: `${cubeSize * hotArea.top}px`,
         left: `${cubeSize * hotArea.left}px`,
@@ -232,12 +232,12 @@ function eachCube(callback: (x: number, y: number, cube: Cube) => void) {
       <!-- 右上角热区删除按钮 -->
       <div
         v-if="selectedHotAreaIndex === index && hotArea.width && hotArea.height"
-        class="bg-card absolute -right-2 -top-2 z-[1] size-6 h-4 w-4 items-center rounded-lg"
+        class="absolute -right-2 -top-2 z-[1] size-6 h-4 w-4 items-center rounded-lg bg-card"
         @click="handleDeleteHotArea(index)"
       >
         <IconifyIcon
           icon="lucide:x"
-          class="bg-primary inset-0 items-center text-white"
+          class="inset-0 items-center bg-primary text-white"
         />
       </div>
       <span v-if="hotArea.width">