Browse Source

feat:优化APIHUB模块中API列表宽度自适应的问题

microrain 5 months ago
parent
commit
2d252ed626
1 changed files with 3 additions and 1 deletions
  1. 3 1
      src/views/apihub/apilist.vue

+ 3 - 1
src/views/apihub/apilist.vue

@@ -46,7 +46,7 @@
       </div>
 
       <!-- 右侧API列表 -->
-      <el-card shadow="never">
+      <el-card shadow="never" class="apihub-content">
         <div class="api-header">
           <div class="current-group" v-if="currentGroup.Name">
             当前分组: <span class="group-name">{{ currentGroup.Name }}</span>
@@ -557,6 +557,8 @@ const deleteApi = (row: ApiDefinition) => {
   flex: 1;
   overflow-y: auto;
   height: 100%;
+  min-width: 0; /* 关键:防止flex子项内容溢出 */
+  width: 0; /* 确保内容区域能够收缩 */
 }
 
 .group-card {