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

fix(admin): ActivityReview overflow-x:auto 修复横向滚动

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

+ 2 - 2
cfc-web/src/views/admin/ActivityReview.vue

@@ -4,7 +4,7 @@
       <div class="admin-page-header">
       <div class="admin-page-header">
         <span class="admin-page-title">活动审核</span>
         <span class="admin-page-title">活动审核</span>
         <div class="admin-page-actions">
         <div class="admin-page-actions">
-          <el-input v-model="filter.keyword" placeholder="搜索活动..." prefix-icon="el-icon-search" clearable @keyup.enter.native="handleSearch" @clear="handleSearch" style="width:200px;" />
+          <el-input v-model="filter.keyword" placeholder="搜索活动..." prefix-icon="el-icon-search" clearable @keyup.enter.native="handleSearch" @clear="handleSearch" style="width:200px;margin-right:8px;" />
           <el-select v-model="filter.status" placeholder="活动状态" clearable @change="handleSearch" style="width:130px;">
           <el-select v-model="filter.status" placeholder="活动状态" clearable @change="handleSearch" style="width:130px;">
             <el-option label="全部状态" value="" />
             <el-option label="全部状态" value="" />
             <el-option label="待审核" value="draft" />
             <el-option label="待审核" value="draft" />
@@ -24,7 +24,7 @@
         </div>
         </div>
       </div>
       </div>
       <div class="table-scroll-wrap">
       <div class="table-scroll-wrap">
-        <div style="overflow:auto;max-height:calc(100vh - 300px);">
+        <div style="overflow-x:auto;max-height:calc(100vh - 300px);min-width:0;">
         <el-table :data="pendingActivities" v-loading="loading" border stripe style="min-width:900px;">
         <el-table :data="pendingActivities" v-loading="loading" border stripe style="min-width:900px;">
       <el-table-column prop="id" label="ID" width="80" />
       <el-table-column prop="id" label="ID" width="80" />
       <el-table-column prop="title" label="活动标题" min-width="200" show-overflow-tooltip />
       <el-table-column prop="title" label="活动标题" min-width="200" show-overflow-tooltip />