Show skeleton screen during asynchronous data loading
<article class="wrapper">
<header></header>
<main></main>
</article>$('.wrapper').avnSkeleton({
cssPrefix: 'avn-skeleton',
header: {
selector: '> header',
lines: 2,
icon: true,
loader: true
},
main: {
selector: '> main',
paragraphs: 3,
lines: 4
}
});// Remove the skeleton when real content is available
$('.wrapper').avnSkeleton('remove');
// Display again the skeleton
$('.wrapper').avnSkeleton('display');npm install
npm run buildnpm start