<el-row :gutter="20" v-permission="['getStatistics1,GET']">
<!-- 骨架屏 -->
<template v-if="panels.length == 0">
<el-col :span="6" v-for="i in 4" :key="i">
<el-skeleton style="width: 100%" animated loading>
<template #template>
<el-card shadow="hover" :body-style="{ padding: '20px' }" style="border: 0;">
<template #header>
<div class="flex justify-between">
<el-skeleton-item variant="text" style="width: 50%" />
</div>
</template>
<!-- 中间 -->
<el-skeleton-item variant="h3" style="width: 80%" />
<el-divider/>
element-plus骨架屏实现
最新推荐文章于 2024-07-25 14:07:12 发布
本文介绍如何使用Element Plus创建骨架屏。通过在组件外层使用template标签判断数据是否已请求到,若数据长度为0,则显示animated和loading动画效果。
摘要由CSDN通过智能技术生成