Преглед изворни кода

fix: ArticleManage table 添加 max-height 防止溢出

Xiaogang Liao пре 2 месеци
родитељ
комит
27ec4f2aa8
1 измењених фајлова са 3 додато и 9 уклоњено
  1. 3 9
      cfc-web/src/views/admin/ArticleManage.vue

+ 3 - 9
cfc-web/src/views/admin/ArticleManage.vue

@@ -56,21 +56,15 @@
       </div>
 
       <div class="table-scroll-wrap-lg">
-        <el-table :data="list" v-loading="loading" border stripe>
-        <el-table-column prop="id" label="ID" width="70" />
+        <el-table :data="list" v-loading="loading" border stripe style="max-height:calc(100vh - 300px);" :max-height="600">
+          <el-table-column prop="id" label="ID" width="70" />
         <el-table-column label="标题" min-width="220">
           <template slot-scope="{ row }">
             <span>{{ row.title }}</span>
             <el-tag v-if="row.isFeatured === 1 || row.isFeatured === true" size="mini" type="warning" style="margin-left: 6px;">精选</el-tag>
           </template>
         </el-table-column>
-        <div style="overflow:auto;max-height:calc(100vh - 300px);">
-        <el-table style="max-height:calc(100vh - 300px);"-column label="分类" width="100">
-          <template slot-scope="{ row }">
-            {{ row.categoryName || '-' }}
-          </template>
-        </el-table-column>
-        <el-table-column label="可见性" width="90">
+          <el-table-column label="可见性" width="90">
           <template slot-scope="{ row }">
             <el-tag v-if="row.visibility === 'public'" size="small" type="success">公开</el-tag>
             <el-tag v-else-if="row.visibility === 'login'" size="small" type="primary">登录</el-tag>