一个在微信小程序中创建表格的demo
效果图
最后做出来大概就是这个样子的,先看下设计图:(画的真好看)
设计图
然后再看下数据返回的格式:
数据返回格式
这数据…o.0…
分析数据得知,后台返回的数据远比设计图上描绘的复杂,内容是不固定的,而且需要显示一周的排班
个人思路:用scroll-view来做,整个表格按 -行- 分为4大块:排班、上午、下午、晚上。
①先将从今天开始往后7天的日期放到数组中,作为第一大块的数据源
②循环遍历数据,找出所有排班在上午的时间,然后分别放到7个数组中(因为可能有多个数据,还是需要用数组存放)
③同理得出下午和晚上的数据
1、第一步:更改数据格式,将数据处理之后变为如下形式:
第一大块:weekArray:
存放从今天开始 -> 7天后的数据在数组中
第二、三、四大块:sch_listData:
数据更改后
为什么要把数据变成这样呢?总感觉这样的方法有点傻,但又想不到别的办法,所以先这样吧,麻烦是麻烦了点,幸好最后的效果还不错。
wxml:
wxml
代码传图片太麻烦了,有需要的朋友去Git下载吧,
小程序菜鸟,如果小小的踩坑经验能帮到你,记得给点小鼓励,谢谢支持~
今天的文章小程序 微信统计表格_微信小程序:表格的实现分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/31326.html