争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

小程序开发基础篇之logs页面解析(6)

时间:2024/3/3作者:未知来源:争怎路由网人气:

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态。
上一篇教程中对index页面进行了解析,这一篇来解析下logs页面

老规矩先上图


logs页面

该页面包含返回按钮(用于返回index页面),页面title和程序启动日志列表。
和index页面相比,logs页面多了一个logs.json文件,来配置页面title的内容

{
    "navigationBarTitleText": "查看启动日志"
}

更多配置项可以参考配置 小程序

<!--logs.wxml-->
<view class="container log-list">
  <block wx:for="{{logs}}" wx:for-item="log">
    <text class="log-item">{{index + 1}}. {{log}}</text>
  </block>
</view>

在logs.wxml中,定义了三个标签,分别为view,block和text,其中view标签为容器,block用于绑定logs数组,而text标签用于显示每一条log。wx:for和wx:for-item是小程序框提供的列表绑定语法,更多详情请参考列表渲染

//logs.js
var util = require('../../utils/util.js')
Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync('logs')   

关键词:小程序开发基础篇之logs页面解析(6)




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版