前端框架选型是企业提升开发效率与用户体验的关键因素
900
2022-10-09
skeletons 首屏渲染-小程序骨架屏动态注入组件(skeleton是什么冬季运动项目)
skeletons
首屏渲染-小程序骨架屏动态注入组件
skeletons组件中的默认值表格
属性 | 类型 | 默认 | 可选 | 备注 |
---|---|---|---|---|
selector | String | 'skeletons' | 建议‘skeletons’写入容器class,默认wx.getSystemInfoSync() | |
background | String | '#FFF' | ||
block_animation | String | 'shine' | 'shine' || 'gradient' | |
loading | String | 'music' | 'music' || 'shine' | |
is_captrue | Boolean | false | 抓取节点控制 | |
is_complete | Boolean | false | 渲染关闭控制 |
节点类 | 备注 |
---|---|
skeletons-rect | 正方形 |
skeletons-circle | 圆形 |
skeletons-... | 陆续开放 |
列举案例的使用方法,老司机喵一眼就懂~
/** index.wxml include skeletons file offset **/ { "usingComponents":{ "skeletons":"/components/skeletons/index" } }
/** index.js operating props value change **/ wx.request({ url:'/Titan_star', success:()=>{ this.setData({ is_capture_nodes:true //抓取节点绘制 },()=>{ /** * 绘制节点后,可能你会做些喜欢的事... * 下面保留了另外的控制器,关闭骨架屏 * 让我们的代码,更加随心自由 * **/ this.setData({ is_complete:true }) }) } })
contact
组件的功能还有许多的不足可以优化,也欢迎小伙伴有更好的建议issues提交
License
MIT
发送邮箱
Copyright (c) 2018-present, Shiwen (Titan_star) Lai
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~