当前位置: 首页 > Web前端 > vue.js

vue中使用骨架vue-skeleton-webpack-plugin

时间:2023-04-01 01:50:13 vue.js

.skeleton-header{height:152px;背景:灰色;顶部边距:60px;宽度:152px;边距:60pxauto;}.skeleton-block{display:flex;弹性方向:列;填充顶部:8px;}项目中用到的大部分加载动画,手机端用的比较多的是骷髅、头条、淘宝等。我们PC端的项目有这样的需求,记录一下,有用的话可以参考注:1.调试时可以在浏览器中修改网络为慢3g这样加载时间会长一些,创建一个模板文件。如果不同路由接口显示的模板不同,可以创建一个模板文件。我在src的common文件夹下创建了一个skeleton文件夹,创建了三个文件,这样可以根据自己的需要自定义文件样式Skeleton1.vue.skeleton-header{height:152px;背景:灰色;顶部边距:60px;宽度:152px;边距:60pxauto;}.skeleton-block{display:flex;弹性方向:列;填充顶部:8px;}Skeleton2.vue