微信小程序开发：block标签使用示例

在Android中，我们经常使用ListView/GradeView/RecyclerView来显示循环数据。那么如何在小程序中到达那里呢？其实很简单，用block就可以了。

先看效果图：

这个布局其实很简单，大致分为上+下三部分（左75%，右25%）。我这里就不详细说了。那么这里wxml怎么写呢。粘贴下面的代码：

这里可以清楚地看到标签对，数据源是goodlist，格式为wx:for="{{goodlist}}"。当我们往下走的时候，我们看到点击标签会引发一个绑定事件，这里就不解释了。让我们关注 {{item.StartCity}}。这是什么意思？实际上，这是从数据源获取数据，而item代表item列表中的部分数据。 StrrtCity等是具体的数据源属性。 。您可以根据需要直接更改所需字段的名称。这基本上是block的终结。最后这里设置一个视图来代替数据源为空时的非数据页提示。

下面简单介绍一下数据格式的处理（时间格式转换）：

在实际场景中，我们可能需要将时间转换为分钟、小时、天等，数据库通常是datetime格式。我们需要变换处理。

在处理时间时，需要注意以下几点：ios和android的时间格式不同。 iOS时间是基于2018/04/01，所以时间格式首先要改为/格式。否则，小程序时间转换仅在Android上生效。确切的转换代码：

12345678910111213141516171819202122232425262728293031323334353637383940414243

for(vari = 0;i.i = 0;❀i) { 货物; var PublishDatetime = itemList[i].PublishDatetime.replace(/([\d\-]+)T(\d+:\d+)\:.*/, "1 $2 “);); //与T进行时态转换。PublishDatetime = PublishDatetime.replace(/-/g, "/");//将'-'转换为'/'/与当前时间的差值 var分钟 = 1000 * 60； 小时 = 分钟 * 60； var 天 = 小时 * 24；

半月 = 天 * 15; 变种- Date(PublishDatetime).getTime(); //console.log("diffValue:" + diffValue); if ( 差异❙n ; } var monthC = diffValue / 月; weekC = diffValue / (7 * 天); var dayC = 差值/天； var var minC = 差值 /分钟 ; (月 C >= 1) { if (月 C = 1) { 列表[ i].发布日期 = ♸""♓ + parseInt(weekC) + "一周前" (dayC >= 1) { 商品列表[ i ].PublishDatetime = "" +解析 ;//更改你想要的时间信息 item[i].PublishDate时间 = "" + parseInt (hourC) + “一小时前” } ？ ].PublishDatetime = "" + parseInt(minC) + "分钟前所需时间"/; } change { item list[i].♓ ;//用你的时间替换所需数据 } } //最后将转换后的时间重新赋值给数据源