fix: 正确添加统一卡片容器,修复 HTML 结构

This commit is contained in:
lt
2026-04-27 12:36:03 +08:00
parent 62a293e2b0
commit d645c032ca
+3 -1
View File
@@ -90,6 +90,7 @@
</div> </div>
</div> </div>
<div v-if="currentPage === 'topics'" style="margin-left: 160px; width: 100%; max-width: calc(100vw - 160px); box-sizing: border-box; overflow-x: auto;"> <div v-if="currentPage === 'topics'" style="margin-left: 160px; width: 100%; max-width: calc(100vw - 160px); box-sizing: border-box; overflow-x: auto;">
<div class="card" style="padding: 20px; margin-top: 20px;">
<div class="flex justify-between items-center mb-6" style="width: 100%;"><h2 class="text-2xl font-bold text-gray-800">📋 选题管理</h2></div> <div class="flex justify-between items-center mb-6" style="width: 100%;"><h2 class="text-2xl font-bold text-gray-800">📋 选题管理</h2></div>
<div class="card mb-6" style="display: inline-block; min-width: fit-content;"><div class="flex flex-wrap gap-2 items-center"> <div class="card mb-6" style="display: inline-block; min-width: fit-content;"><div class="flex flex-wrap gap-2 items-center">
<el-button type="primary" size="small" @click="refreshAll">🔄 批量刷新</el-button> <el-button type="primary" size="small" @click="refreshAll">🔄 批量刷新</el-button>
@@ -105,7 +106,7 @@
<el-tag size="large" :type="filterStatus === '已发布' ? 'primary' : ''" @click="filterStatus = '已发布'">已发布 ({{ countByStatus('已发布') }})</el-tag> <el-tag size="large" :type="filterStatus === '已发布' ? 'primary' : ''" @click="filterStatus = '已发布'">已发布 ({{ countByStatus('已发布') }})</el-tag>
</div> </div>
<div class="card" style="width: 100%; overflow-x: auto; box-sizing: border-box;"> <div class="card" style="width: 100%; overflow-x: auto; box-sizing: border-box;">
<el-table :data="filteredTopics" style=" max-"> stripe v-loading="loadingTable" :row-key="topic => topic.id" @selection-change="selectedTopicIds = $event"> <el-table :data="filteredTopics" style="width: 100%; overflow-x: auto;"> stripe v-loading="loadingTable" :row-key="topic => topic.id" @selection-change="selectedTopicIds = $event">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="id" label="ID" width="70" fixed></el-table-column> <el-table-column prop="id" label="ID" width="70" fixed></el-table-column>
<el-table-column prop="title" label="标题" min-width="220"></el-table-column> <el-table-column prop="title" label="标题" min-width="220"></el-table-column>
@@ -158,6 +159,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</main> </main>
</div> </div>
<div v-if="loadingOverlay" class="loading-overlay"><el-spinner type="spinning" :size="50"></el-spinner><p class="ml-4 text-lg">{{ loadingText }}</p></div> <div v-if="loadingOverlay" class="loading-overlay"><el-spinner type="spinning" :size="50"></el-spinner><p class="ml-4 text-lg">{{ loadingText }}</p></div>