小程序 微信统计表格_微信小程序:表格的实现

小程序 微信统计表格_微信小程序:表格的实现一个在微信小程序中创建表格的demo效果图最后做出来大概就是这个样子的,先看下设计图:(画的真好看)设计图然后再看下数据返回的格式:数据返回格式这数据…o.0…分析数据得知,后台返回的数据远比设计图上描绘的复杂,内容是不固定的,而且需要显示一周的排班个人思路:用scroll-view来做,整个表格按-行-分为4大块:排班、上午、下午、晚上。①先将从今天开始往后7天的日期放到数组中,作为…

一个在微信小程序中创建表格的demo

小程序 微信统计表格_微信小程序:表格的实现

效果图

最后做出来大概就是这个样子的,先看下设计图:(画的真好看)

小程序 微信统计表格_微信小程序:表格的实现

设计图

然后再看下数据返回的格式:

小程序 微信统计表格_微信小程序:表格的实现

数据返回格式

这数据…o.0…

分析数据得知,后台返回的数据远比设计图上描绘的复杂,内容是不固定的,而且需要显示一周的排班

个人思路:用scroll-view来做,整个表格按 -行- 分为4大块:排班、上午、下午、晚上。

①先将从今天开始往后7天的日期放到数组中,作为第一大块的数据源

②循环遍历数据,找出所有排班在上午的时间,然后分别放到7个数组中(因为可能有多个数据,还是需要用数组存放)

③同理得出下午和晚上的数据

1、第一步:更改数据格式,将数据处理之后变为如下形式:

第一大块:weekArray:

存放从今天开始 -> 7天后的数据在数组中

第二、三、四大块:sch_listData:

小程序 微信统计表格_微信小程序:表格的实现

数据更改后

为什么要把数据变成这样呢?总感觉这样的方法有点傻,但又想不到别的办法,所以先这样吧,麻烦是麻烦了点,幸好最后的效果还不错。

wxml:

小程序 微信统计表格_微信小程序:表格的实现

wxml

代码传图片太麻烦了,有需要的朋友去Git下载吧,

小程序菜鸟,如果小小的踩坑经验能帮到你,记得给点小鼓励,谢谢支持~

今天的文章小程序 微信统计表格_微信小程序:表格的实现分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/31326.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注