pref:产品topic列表部分字段未对齐

@@ -22,45 +22,47 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <section class="bg-gray-100 p-4 dark:bg-dark-900 w-full h-full">
+  <!-- <section class="bg-gray-100 p-4 dark:bg-dark-900 w-full h-full"> -->
+  <div>
     <BasicTable @register="register">
     <BasicTable @register="register">
       <template #function="{ record }">
       <template #function="{ record }">
         <a-tooltip :title="record.function">
         <a-tooltip :title="record.function">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.function)">
+          <a-button type="text" class="" @click="handeleCopy(record.function)">
             <span>{{ record.function.slice(0, 13) }}</span>
             <span>{{ record.function.slice(0, 13) }}</span>
           </a-button>
           </a-button>
         </a-tooltip>
         </a-tooltip>
       </template>
       </template>
       <template #release="{ record }">
       <template #release="{ record }">
         <a-tooltip :title="record.release">
         <a-tooltip :title="record.release">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.release)">
+          <a-button type="text" class="" @click="handeleCopy(record.release)">
             <span>{{ record.release.slice(0, 30) }}</span>
             <span>{{ record.release.slice(0, 30) }}</span>
           </a-button>
           </a-button>
         </a-tooltip>
         </a-tooltip>
       </template>
       </template>
       <template #subscribe="{ record }">
       <template #subscribe="{ record }">
         <a-tooltip :title="record.subscribe">
         <a-tooltip :title="record.subscribe">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.subscribe)">
+          <a-button type="text" class="" @click="handeleCopy(record.subscribe)">
             <span>{{ record.subscribe.slice(0, 30) }}</span>
             <span>{{ record.subscribe.slice(0, 30) }}</span>
           </a-button>
           </a-button>
         </a-tooltip>
         </a-tooltip>
       </template>
       </template>
       <template #platform="{ record }">
       <template #platform="{ record }">
         <a-tooltip :title="record.platform">
         <a-tooltip :title="record.platform">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.platform)">
+          <a-button type="text" style="margin-left: -10px" @click="handeleCopy(record.platform)">
             <span>{{ record.platform }}</span>
             <span>{{ record.platform }}</span>
           </a-button>
           </a-button>
         </a-tooltip>
         </a-tooltip>
       </template>
       </template>
       <template #device="{ record }">
       <template #device="{ record }">
         <a-tooltip :title="record.device">
         <a-tooltip :title="record.device">
-          <a-button type="text" class="ml-2" @click="handeleCopy(record.device)">
+          <a-button type="text" style="margin-left: -10px" @click="handeleCopy(record.device)">
             <span>{{ record.device }}</span>
             <span>{{ record.device }}</span>
           </a-button>
           </a-button>
         </a-tooltip>
         </a-tooltip>
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-  </section>
+  </div>
+  <!-- </section> -->
 </template>
 </template>
 <style scoped>
 <style scoped>
   :deep(.ant-table-body) {
   :deep(.ant-table-body) {

@@ -4,7 +4,7 @@ export const topicTableColumn: BasicColumn[] = [
   {
   {
     title: '设备类型',
     title: '设备类型',
     dataIndex: 'deviceType',
     dataIndex: 'deviceType',
-    width: 50,
+    width: 40,
     customRender: ({ text, index }: { text: any; index: number }) => {
     customRender: ({ text, index }: { text: any; index: number }) => {
       const obj: any = {
       const obj: any = {
         children: text,
         children: text,
@@ -28,31 +28,31 @@ export const topicTableColumn: BasicColumn[] = [
   {
   {
     title: '功能',
     title: '功能',
     dataIndex: 'function',
     dataIndex: 'function',
-    width: 100,
+    width: 80,
     slots: { customRender: 'function' },
     slots: { customRender: 'function' },
   },
   },
   {
   {
     title: '发布主题',
     title: '发布主题',
     dataIndex: 'release',
     dataIndex: 'release',
-    width: 120,
+    width: 80,
     slots: { customRender: 'release' },
     slots: { customRender: 'release' },
   },
   },
   {
   {
     title: '订阅主题',
     title: '订阅主题',
     dataIndex: 'subscribe',
     dataIndex: 'subscribe',
-    width: 120,
+    width: 80,
     slots: { customRender: 'subscribe' },
     slots: { customRender: 'subscribe' },
   },
   },
   {
   {
     title: '平台',
     title: '平台',
     dataIndex: 'platform',
     dataIndex: 'platform',
-    width: 30,
+    width: 50,
     slots: { customRender: 'platform' },
     slots: { customRender: 'platform' },
   },
   },
   {
   {
     title: '设备',
     title: '设备',
     dataIndex: 'device',
     dataIndex: 'device',
-    width: 30,
+    width: 50,
     slots: { customRender: 'device' },
     slots: { customRender: 'device' },
   },
   },
 ];
 ];