微信小程序骨架屏入门代码

const app = getApp() const logo = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fcdnimg103.lizhi.fm%2Faudio_cover%2F2018%2F01%2F26%2F2649426810381545479_320x320.jpg&refer=http%3A%2F%2Fcdnimg103.lizhi.fm&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650004768&t=5b31ce5c3bbf451c61c6a0f7c0f59602' const banner = 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1760638054,1127251917&fm=26&gp=0.jpg' const img = 'https://ss1.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=5b4ac0b3aeec8a13144f5fe4c233bdb9/d50735fae6cd7b899237dedf082442a7d9330e16.jpg' const list = [{ text: '脸颊两边有着小小的电力袋。遇到危险时就会放电。会将尾巴竖起来，去感觉周围是否安全。', id: 1, icon: img }, { text: '皮卡丘由Game Freak的西田敦子设计，并由杉森建定案，皮卡丘的形象是为数不多的几个与众不同的宝可梦形象之一 ', id: 2, icon: img }, { text: '​尽管皮卡丘最终的角色并没有仿照老鼠，但GAME FREAK总裁田尻智（Satoshi Tajiri）依旧称其为老鼠', id: 3, icon: img }, { text: '​小野生的皮卡丘大多群体行动，很少固定在一个地方。皮卡丘的听力很好，这得益于它的大耳朵。许多家养的皮卡丘可以理解并演绎出人类的话', id: 4, icon: img }] Page({ data: { background: ['demo-text-1', 'demo-text-2', 'demo-text-3'], navs: new Array(5).fill(logo), loading: true,//开启骨架屏 hidden:true,//是否展示内容 list }, onLoad() { var _this=this; var set=setInterval(function(){ clearInterval(set); _this.setData({ loading:false,//停止骨架屏 hidden:false,//展示真实内容 }) },2000) }, })