--修正后的小屏按钮挤兑问题

src/views/neUser/pcf/index.vue

@@ -567,9 +567,8 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center">
-          <div class="button-container">
-          <a-button type="primary" class="primary-button" @click.prevent="fnModalVisibleByEdit()">
+        <div class="button-container">
+          <a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
             <template #icon>
               <PlusOutlined />
             </template>
@@ -579,7 +578,6 @@ onMounted(() => {
           <a-button
             type="primary"
             ghost
-            class="primary-button"
             @click.prevent="fnModalVisibleByBatch('add')"
           >
             <template #icon>
@@ -590,7 +588,6 @@ onMounted(() => {
           <a-button
             type="primary"
             ghost
-            class="primary-button"
             @click.prevent="fnModalVisibleByBatch('update')"
           >
             <template #icon>
@@ -602,7 +599,6 @@ onMounted(() => {
             type="primary"
             danger
             ghost
-            class="danger-button"
             @click.prevent="fnModalVisibleByBatch('delete')"
           >
             <template #icon>
@@ -611,7 +607,7 @@ onMounted(() => {
             {{ t('views.neUser.pcf.batchDelText') }}
           </a-button>
 
-          <a-button type="dashed" class="dashed-button" @click.prevent="fnModalUploadImportOpen">
+          <a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
             <template #icon><ImportOutlined /></template>
             {{ t('views.neUser.pcf.import') }}
           </a-button>
@@ -624,18 +620,17 @@ onMounted(() => {
             cancel-text="CSV"
             @cancel="fnExportList('csv')"
           >
-            <a-button type="dashed" class="dashed-button">
+            <a-button type="dashed">
               <template #icon><ExportOutlined /></template>
               {{ t('views.neUser.pcf.export') }}
             </a-button>
           </a-popconfirm>
-          </div>
-        </a-space>
+        </div>
       </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-space :size="8" align="center">
+        <div class="button-container">
           <a-tooltip>
             <template #title>
               {{
@@ -696,7 +691,7 @@ onMounted(() => {
               </template>
             </a-dropdown>
           </a-tooltip>
-        </a-space>
+        </div>
       </template>
 
       <!-- 表格列表 -->