画面

指南针小程序是一个练习用的小程序，基本上有一个界面就够了，但是在开发过程中（不限于小程序开发）经常会出现需要取得软件运行数据的情况，所以我们也给指南针小程序增加了日志输出的功能，用于表示动作过程中取得的罗盘数据。其画面如下：

画面标题

画面的标题通过 logs.json 文件来修改。

logs.json

{
  "navigationBarTitleText": "查看实时数据"
}

logs.wxml

画面的内容和 HelloLightApp 相似，将每个数据的表示内容分成两部分，一部分是索引，一部分是从电子罗盘收到的数据。

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

logs.wxss

既然是练习，我们就稍微加一点变化，我们将 log 信息的显示位置稍微调整一下。调整的内容就是将 log 信息表示在画面的