skeletons 首屏渲染-小程序骨架屏动态注入组件(skeleton是什么冬季运动项目)

网友投稿 900 2022-10-09

skeletons 首屏渲染-小程序骨架屏动态注入组件(skeleton是什么冬季运动项目)

skeletons  首屏渲染-小程序骨架屏动态注入组件(skeleton是什么冬季运动项目)

skeletons

首屏渲染-小程序骨架屏动态注入组件

skeletons组件中的默认值表格

属性类型默认可选备注
selectorString'skeletons'建议‘skeletons’写入容器class,默认wx.getSystemInfoSync()
backgroundString'#FFF'
block_animationString'shine''shine' || 'gradient'
loadingString'music''music' || 'shine'
is_captrueBooleanfalse抓取节点控制
is_completeBooleanfalse渲染关闭控制
节点类备注
skeletons-rect正方形
skeletons-circle圆形
skeletons-...陆续开放

列举案例的使用方法,老司机喵一眼就懂~

Titan_star 首屏渲染-小程序骨架屏动态注入组件 Hello 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小时内删除侵权内容。

上一篇:54. Spiral Matrix
下一篇:17. Letter Combinations of a Phone Number
相关文章

 发表评论

暂时没有评论,来抢沙发吧~