uniapp开发小程序中实现骨架屏

第一步:小程序中实现骨架屏在微信开发者工具中点击生成骨架屏:

uniapp开发小程序中实现骨架屏_第1张图片

第二步:复制html代码,到骨架屏vue组件汇中再把之前写的样式代码引入进去:

@import '../../pages/user/user.css';

第三步:组件中引入骨架屏:

import lodingHtml from '@/skeleton/cardOther/cardOther';

第四步:定义骨架屏变量:

lodingShow: true,

第五步:使用映入的骨架屏:


第六步:数据请求成功之后,骨架屏关闭

this.lodingShow = false;

你可能感兴趣的:(小程序)