fix(users): 优化用户列表加载失败时的错误展示

- 移除了原有简单的错误提示标签
- 新增了带最小高度容器包裹的错误信息展示区
- 在表格数据加载失败时显示更友好的错误提示
- 统一了组件内两处错误处理的样式结构
This commit is contained in:
Chaos
2025-11-26 07:26:32 +08:00
parent e09129cab6
commit 7ce645704e

View File

@@ -61,7 +61,9 @@
</select>
</div>
{:catch error}
<p class="error">加载失败: {error.message}</p>
<div>
</div>
{/await}
</div>
<div class=" flex items-center justify-center gap-4">
@@ -130,10 +132,18 @@
</tbody>
{:catch error}
<p class="error">加载失败: {error.message}</p>
<tbody>
<tr>
<td colspan={newRowTitles.length + 1} class="text-center py-4 ">
<div class="min-h-96 flex items-center justify-center">
<p class="error">组件加载失败: {error.message}</p>
</div>
</td>
</tr>
</tbody>
{/await}
</table>
</div>