style: 样式调整

src/views/property-marketing/media-account/components/status-select/constants.ts

@@ -14,7 +14,6 @@ export enum EnumAccountStatus {
   ABNORMAL_EXPIRED = 8, // 即将过期
 }
 
-
 export const STATUS_LIST = [
   {
     text: '正常',
@@ -41,36 +40,44 @@ export const STATUS_LIST = [
     label: '异常',
     value: EnumAccountStatus.UNAUTHORIZED,
     tooltip: '未授权',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（数据缺失）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_MISSING,
     tooltip: '数据缺失',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（登录状态失效）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_LOGIN,
     tooltip: '登录状态失效',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（请求频繁）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_REQUEST,
     tooltip: '请求频繁，等待24小时后重试',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（账号被封）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_FREEZE,
     tooltip: '账号被封',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
 ];
-
-

src/views/property-marketing/media-account/components/status-select/index.vue

@@ -11,7 +11,13 @@
     allow-clear
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text" :class="item.class">
+    <a-option
+      v-for="(item, index) in STATUS_LIST"
+      :key="index"
+      :value="item.value"
+      :label="item.text"
+      :style="item.style"
+    >
       {{ item.text }}
     </a-option>
   </a-select>