畫面

指南針小程序是一個練習(xí)用的小程序，基本上有一個界面就夠了，但是在開發(fā)過程中（不限于小程序開發(fā)）經(jīng)常會出現(xiàn)需要取得軟件運行數(shù)據(jù)的情況，所以我們也給指南針小程序增加了日志輸出的功能，用于表示動作過程中取得的羅盤數(shù)據(jù)。其畫面如下：

畫面標(biāo)題

畫面的標(biāo)題通過 logs.json 文件來修改。

logs.json

{
  "navigationBarTitleText": "查看實時數(shù)據(jù)"
}

logs.wxml

畫面的內(nèi)容和 HelloLightApp 相似，將每個數(shù)據(jù)的表示內(nèi)容分成兩部分，一部分是索引，一部分是從電子羅盤收到的數(shù)據(jù)。

<!--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

既然是練習(xí)，我們就稍微加一點變化，我們將 log 信息的顯示位置稍微調(diào)整一下。調(diào)整的內(nèi)容就是將 log 信息表示在畫面的