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)
},
})
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序骨架屏入门代码
共11个文件
json:4个
wxss:3个
js:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 166 浏览量
2022-03-17
13:19:38
上传
评论
收藏 9KB ZIP 举报
温馨提示
1. 填写建议:骨架屏的简单入门 如何配置 如何实现骨架屏加载 。 2.资源内容:骨架屏简单入门(skeleton) 3.使用学习目标:了解微信小程序如何使用骨架屏 4.应用场景:微信小程序 数据展示过程中加载缓慢 实现加载流。 5.特点:简化骨架屏代码实现过程 6.适用人群:想使用骨架屏的初学者 简单示例
资源推荐
资源详情
资源评论
收起资源包目录
骨架屏代码.zip (11个子文件)
骨架屏简单入门示例代码
sitemap.json 191B
app.wxss 0B
project.config.json 3KB
app.js 40B
index
index.wxml 901B
index.skeleton.wxml 4KB
index.js 2KB
index.wxss 2KB
index.skeleton.wxss 3KB
index.json 27B
app.json 284B
共 11 条
- 1
资源评论
皮皮冰要做大神
- 粉丝: 110
- 资源: 13
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功