feat: space组件处理

src/views/components/dataEngine/hotTranslation.vue

@@ -2,7 +2,7 @@
   <view>
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <!-- tabel -->
-    <a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
+    <div class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
       <div class="title-row">
         <span class="title mr-4px">行业热门话题洞察</span>
         <Tooltip>
@@ -22,24 +22,24 @@
           <NoData />
         </template>
         <template #hotTitle>
-          <a-space>
-            <span>热度指数</span>
+          <div class="flex items-center">
+            <span class="mr-8px">热度指数</span>
             <Tooltip>
               <template #title>综合话题出现频次、互动数据（如点赞、收藏、评论）加权计算的热度得分。</template>
               <icon-question-circle size="14" class="!color-#737478" />
             </Tooltip>
-          </a-space>
+          </div>
         </template>
         <template #sentimentTitle>
-          <a-space>
-            <span>情感倾向</span>
+          <div class="flex items-center">
+            <span class="mr-8px">情感倾向</span>
             <Tooltip>
               <template #title
                 >统计该行业下全部内容的情绪分布，选取占比最高的情绪类型作为该话题的整体情感倾向。</template
               >
               <icon-question-circle size="14" class="!color-#737478" />
             </Tooltip>
-          </a-space>
+          </div>
         </template>
         <template #rank="{ record }">
           <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
@@ -74,7 +74,7 @@
           <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
         </template>
       </a-table>
-    </a-space>
+    </div>
     <Modal
       v-model:open="visible"
       unmountOnClose
@@ -87,7 +87,7 @@
         <span style="text-align: left; width: 100%">行业热门话题洞察</span>
       </template>
       <div>
-        <a-space direction="vertical">
+        <Space direction="vertical">
           <div class="mb-4px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-48px">话题名称</p>
             <span class="cts">{{ topicInfo.name }}</span>
@@ -134,7 +134,7 @@
               </div>
             </div>
           </div>
-        </a-space>
+        </Space>
       </div>
       <template #footer>
         <Button size="large" @click="handleCancel">取消</Button>
@@ -146,8 +146,7 @@
 
 <script setup>
 import topHeader from './topHeader.vue';
-import { Tooltip } from 'ant-design-vue';
-import { Modal, Button } from 'ant-design-vue';
+import { Modal, Button, Tooltip,Space } from 'ant-design-vue';
 import { ref, computed } from 'vue';
 import { fetchIndustriesTree, fetchIndustryTopics, fetchIndustryTopicDetail } from '@/api/all/index';
 import star1 from '@/assets/img/hottranslation/star-fill1.png';