旅游电子商务网站建设,百度站长提交网站地图,发布做任务网站,网站搭建上门多少钱骨架屏是常用的一种优化方案#xff0c;针对于页面还未加载完时给用户的一种反馈方式。如果自己要写骨架屏有点复杂因为页面的元素过多且不稳定#xff0c;这边直接使用微信开发工具生成骨架屏。也不只有微信开发工具有像常用的抖音开发工具#xff0c;字节开发工具都有对应…骨架屏是常用的一种优化方案针对于页面还未加载完时给用户的一种反馈方式。如果自己要写骨架屏有点复杂因为页面的元素过多且不稳定这边直接使用微信开发工具生成骨架屏。也不只有微信开发工具有像常用的抖音开发工具字节开发工具都有对应的功能。 看效果
1.需要注意第一步页面写完静态页面后直接生成不要等到请求完接口拿数据之后再生成骨架屏。 生成骨架屏之后会生成两个文件直接把对接的代码复制后放到我们自定义的组件当中。 生成完以后全局搜索把isdata-event-opts 删除掉。 这样就完事了页面使用组件v-if让后页面请求完数据true就可以了记得加个延时效果更好。
this.$nextTick(() {setTimeout(() {this.loading false}, 1000)})2.bug骨架屏发开版好好的发布后样式错乱
这是因为你的页面中使用了自定义组件比如我这个就使用了自定义的uni-nav-bar。这个时候找到对应组件把style代码复制后放到骨架屏组件页面即可。
