前台-骨架屏优化客户体验

npm i -S @x-ui-vue3/skeleton

 main.ts

import { createApp } from 'vue'
import Skeleton from '@x-ui-vue3/skeleton'
import App from './App.vue'

createApp(App).use(Skeleton).mount('#app')

 在每个最外层的大盒子添加 v-skeleton.animated="skeletonLoadingImg"

在需要添加骨架屏的位置添加v-skeleton-item

 在图片加载完 onload事件将它设置为false