537
魔兽
微信小程序开发教程基础篇6-logs页面解析
上一篇教程中对index页面进行了解析，这一篇来解析下logs页面
老规矩先上图
该页面包含返回按钮(用于返回index页面)，页面title和程序启动日志列表。 和index页面相比，logs页面多了一个logs.json文件，来配置页面title的内容
{ "navigationBarTitleText": "查看启动日志"}
更多配置项可以参考配置 小程序
//logs.jsvar util = require('../../utils/util.js') Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log)) }) }) } })
logs.js定义了logs数组，并在onLoad方法中从本地缓存中获取程序启动时间数据，之后调用数组的map方法来将时间格式化为字符串
.log-list { display: flex; flex-direction: column; padding: 40rpx; }.log-item { margin: 10rpx; }
到此为止，默认生成程序的解析部分就结束了。这个解析过程是为了对微信小程序有个总体上的理解，所以很多地方并没有深入。在后面的教程中，我会继续讲解微信小程序开发的各个方面。
hello, 我是疯狂早茶，懂点设计，懂点产品，码农一枚，欢迎互联网技术，产品从业者，爱好者关注交流。我的微信公众号crazytea1,欢迎关注
最后更新：2017-10-08 07:50:20