这次给大家带来微信小程序block应该如何使用，微信小程序block使用的注意事项有哪些，下面就是实战案例，一起来看一下。
经过一年的发展，微信小程序发展火热，本期就介绍下小程序的一些使用。
在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其实很简单，使用block就可以了。
下面我们先看下效果图：
这个布局其实很简单，大致分为3部分，上+下(左75%，右25%)。这里就不在细说了。那么这里要怎么写wxml呢。下面贴代码：
这边很清晰的可以看出<block></block>这对标签，而数据源便是wx:for="{{goodlist}}"中的goodlist了。接着往下走，我们可以看到点击标签的时候有bindtap事件，这里就不做说明了。我们重点看下{{itemStartCity}},这是什么意思呢，其实这就是获取数据源中的数据，而item代表的是goodlist中的一条数据，StrrtCity等都是数据源中的一些具体属性。你可以更据需要直接调头你想要的字段名就可以了。block到此基本结束了。最后此处设置了一个view，用来代替当数据源为空时显示无数据页面提示。
下面顺便介绍下数据格式处理(时间格式转化)：
在实际场景中我们可能会需要将时间转化为几分钟前，几小时前，几天前等。那么我们数据库中存放的一般是datetime格式数据。我们需要转化处理。
处理时间的时候需要注意的是：ios和android上的时间格式不同。ios时间是以2018/04/01,所以需要先将时间格式转化为/格式。不然你的小程序时间转化只会对安卓生效哦。具体转化代码：
for (var i = 0; i < goodsListlength; i++) {
var PublishDatetime = goodsList[i]PublishDatetimereplace(/([\d\-]+)T(\d+:\d+)\:/, "$1 $2");//将带T的时间格式转化掉
PublishDatetime = PublishDatetimereplace(/-/g, "/");// 将格式‘-'转化为‘/'
//换算时间戳，计算得到与当前时间的差距
var minute = 1000 60;
var hour = minute 60;
var day = hour 24;
var halfamonth = day 15;
var month = day 30;
var now = new Date()getTime();
var diffValue = now - new Date(PublishDatetime)getTime();
//consolelog("diffValue:" + diffValue);
if (diffValue < 0) {
return;
}
var monthC = diffValue / month;
var weekC = diffValue / (7 day);
var dayC = diffValue / day;
var hourC = diffValue / hour;
var minC = diffValue / minute;
if (monthC >= 1) {
if (monthC <= 12)
goodsList[i]PublishDatetime = "" + parseInt(monthC) + "月前";//将时间替换掉想要的数据
else {
goodsList[i]PublishDatetime = "" + parseInt(monthC / 12) + "年前";//将时间替换掉想要的数据
}
}
else if (weekC >= 1) {
goodsList[i]PublishDatetime = "" + parseInt(weekC) + "周前";//将时间替换掉想要的数据
}
else if (dayC >= 1) {
goodsList[i]PublishDatetime = "" + parseInt(dayC) + "天前";//将时间替换掉想要的数据
}
else if (hourC >= 1) {
goodsList[i]PublishDatetime = "" + parseInt(hourC) + "小时前";//将时间替换掉想要的数据
}
else if (minC >= 1) {
goodsList[i]PublishDatetime = "" + parseInt(minC) + "分钟前";//将时间替换掉想要的数据
} else {
goodsList[i]PublishDatetime = "刚刚";//将时间替换掉想要的数据
}
}
//最后将转化后的时间重新赋值给数据源
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
微信小程序里wx:for和wx:for-item有什么区别
Angular父组件怎么调用子组件
一般分以下几步：
1．化妆之前，先在面部和颈部涂一层滋润霜，以便发挥底粉的妆效。
2．底粉的颜色一定要比自己的肤色深，再仔细地用海绵扑打妆底粉，使其均匀遮盖。如果眼下的眼晕很黑，应在打妆底粉前涂上盖斑霜。
3．运用描影色和亮色的化妆技巧，将脸型修饰成椭圆。当然，这只是运用了人的视错觉现象而已，并非真正改变了人的脸型。
4．在颧骨凸出处，涂上浅色的虹彩光的胭脂；在颧骨凹陷处，涂上深色的不泛光的胭脂。为了在夜间显得更有光泽，还可以在颧骨凸出处原来涂有的浅色虹彩胭脂上面，再加一层白金色的眼影，使其增加亮度。
5．在上眼睑部位涂上些眼影，并用眼影在眉骨与上眼睑之间涂出分界线，再用淡色和虹彩色眼影，使眉骨部的色彩亮丽起来。
6．在上下眼睑画眼线，颜色要深。因为深色的眼线在夜间更能衬托出眼睛的明亮和深遂。但须注意的是不要将整个眼睛画成二圈，这样会使眼睛显得小。在下眼睑高出的地方，要用蓝色的眼影或眼线笔涂上几笔。
7．分次涂上睫毛油。涂完第一层睫毛油后，用眉毛刷梳开睫毛，并除去多余的睫毛油，再用透明的蜜粉，刷在睫毛上，这样刷上，尔后将颜色刷入眉毛。
8．刷眉毛。先将眉毛用眉毛刷整形后，沾些金色眼影在眉毛。
9．涂完口红后，将珍珠色或金色唇膏涂在嘴唇上，使嘴唇显得更艳丽。
10．用淡色的眼影在鼻子、颧骨和下颌处，作最后的轮廓描绘；用白色眼影修饰双颊的顶端、鼻梁和下巴。最后用虹彩透明的蜜粉定妆，再用粉刷整理。经过上述几道程序后，一个艳丽的晚妆便显现出来了。可以固定睫毛油。然后再涂上第二层睫毛油。
在我使用微信小程序不需要进行安装，下载，主打特点就是搜索小程序名称，即可进行使用，无需要安装下载，方便快捷，也可以当成APP一种简洁版本，只是需要微信这个APP内使用，而且不用时，可以删除。
（参考环境: 手机型号:OPPOK9, 手机系统:Android11 ,ColorOSV111 APP版本:微信8032）
1打开微信在消息列表中，下拉可以出现小程序界面，在界面可以进行搜索小程序，及最近使用的小程序。
2在知道自己想要使用小程序名时，如“天眼查”，搜索，点击结果进入
3在该小程序中，可以看到和有过使用“天眼查”APP的操作是一样，可以点击搜索框，输入想查什么。
4搜索完成后，可以查到自己想要的结果。
5你在使用任一个小程序时，可以点击右上角三个小点，跳出菜单界面，可以点击添加到我的小程序。
6会显示已添加，返回小程序里，可以我的小程序看到。
7如果你不喜欢这个小程序，可以长按该小程序拖动后红色删除就可以删除
以上就是微信小程序使用方法，个人提示:小程序就是简单快捷的APP,不需要在下载APP,减少占用手机内存。
欢迎分享，转载请注明来源：品搜搜测评网
微信扫一扫
支付宝扫一扫
