小程序开发中如何应用block(如何开发和使用微信小程序)

这次给大家展示一下如何在小程序开发中应用block，以及在小程序开发中使用block有哪些注意事项。下面是实际案例，大家来看看。

经过一年的发展，微信小程序发展迅速。本期将介绍小程序的一些用途。

在Android中，我们经常使用ListView/GradeView/Recycler视图来显示循环数据。那么如何在applet中实现呢？其实很简单。就用block吧。

我们先来看看效果图:

这个布局其实很简单，大致分为3个部分，顶部+底部(左75%，右25%)。这里就不赘述了。那么这里怎么写wxml呢？粘贴下面的代码:

这里可以清楚地看到

顺便介绍以下数据格式处理(时间格式转换):

在实际场景中，我们可能需要将时间转换成分钟、小时、天等。那么日期时间格式的数据通常存储在我们的数据库中。我们需要转化治疗。

在处理时间的时候，需要注意的是ios和android上的时间格式是不一样的。Ios是以2018 . 04 . 01为基准的，所以你需要先把时间格式转换成/格式。否则你的小程序时间转换只会在Android上生效。特定转换代码:

for(var I = 0；我& ltgoods list . length；i++){ var publish datetime = goods list[I]. publish datetime . replace(/([\ \ d \ \ -]+)T(\ \ d+:\ \ d+)\ \:。*/，& quot$ 1 $ 2 & quot);//将带T的时间格式转换为。publish datetime = publish datetime . replace(/-/g，"/& quot；);//格式化格式' -& # 039；成'/& # 039；//转换时间戳，计算与当前时间var minute = 1000 * 60的差值；var小时=分钟* 60；var日=小时* 24；var halfamonth = day * 15var月=日* 30；var now =新日期()。getTime()；var diffValue = now -新日期(PublishDatetime)。getTime()；//console . log(& quot；diff value:& quot；+diff value)；if(diff value & lt；0){ return；} var monthC = diff value/month；var weekC = diffValue / (7 *天)；var dayC = diff value/day；var hourC = diffValue /小时；var minC = diffValue /分钟；if(monthC & gt；= 1){ if(monthC & lt；= 12) goodsList[i]。PublishDatetime = & quot"+parse int(monthC)+& quot；上个月”；//用所需数据替换时间else {goodslist [i]。PublishDateTime = " & quot+parse int(monthC/12)+& quot；年前”；//用需要的数据替换时间} } else if(weekc >:= 1){ goods list[I]。PublishDatetime = & quot"+parse int(weekC)+& quot；周倩”；//用需要的数据替换时间} else if (dayc >: = 1) { goodsList[i]。PublishDatetime = & quot"+parse int(dayC)+& quot；天前”；//用需要的数据替换时间} else if(hourc >:= 1){ goods list[I]。PublishDatetime = & quot"+parse int(hourC)+& quot；小时前”；//用需要的数据替换时间} else if (minc >: = 1) { goodsList[i]。PublishDatetime = & quot"+parse int(minC)+& quot；分钟前”；//用需要的数据替换时间} else {goodslist [i]。publishdatetime = "刚才"；//将时间替换为所需的数据} }//最后，将转换后的时间重新赋给数据源。相信你看完这个案例已经掌握了方法。更多精彩请关注即时码站其他相关文章！

推荐阅读:

极限执行vue.watch简介

Vuaxios调用接口时请求超时