fix(users): 优化用户列表加载失败时的错误展示
- 移除了原有简单的错误提示标签 - 新增了带最小高度容器包裹的错误信息展示区 - 在表格数据加载失败时显示更友好的错误提示 - 统一了组件内两处错误处理的样式结构
This commit is contained in:
@@ -61,7 +61,9 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
{:catch error}
|
{:catch error}
|
||||||
<p class="error">加载失败: {error.message}</p>
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
{/await}
|
{/await}
|
||||||
</div>
|
</div>
|
||||||
<div class=" flex items-center justify-center gap-4">
|
<div class=" flex items-center justify-center gap-4">
|
||||||
@@ -130,10 +132,18 @@
|
|||||||
|
|
||||||
</tbody>
|
</tbody>
|
||||||
{:catch error}
|
{: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}
|
{/await}
|
||||||
|
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user