微信小程序学习笔记之快递查询

刚刚开始学习微信小程序，第一次接触实例。
如图，布局大概是这样的

代码如下：
app.json

{  "pages": 
[    "pages/index/index",
    "pages/logs/logs"   
], 
 "window": {
     "backgroundTextStyle": "light",    "navigationBarBackgroundColor": "#fff",    "navigationBarTitleText": "快递查询",    "navigationBarTextStyle": "black"
       }, 
  }

app.wxss

.container {  
          height: 100%;  
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          padding: 200rpx 0;
          box-sizing: border-box;
          } 

index.wxml

<view class="container">
  <input placeholder="请输入运单号" bindinput="input"></input>
    <button type="primary" bindtap="btnclick">查询</button>
      <scroll-view scroll-y="true" style="height:200px;">
        <view wx:for="{{expressInfo.data}}">
          {{item,context}}
            {{item,time}}
              </view>  
              </scroll-view>
              </view>

index.wxss

input{  
border: 1px
 solid red;
   width: 90%;
     margin: 5%;
       padding: 5px;
       }

以上，基本布局完成。
下面实现内部逻辑。
app.js

getexpressinfo:function(nu,cb){
    wx.request({
          url: 'test.php', //仅为示例，并非真实的接口地址
                data: {
                        x: '', y: ''
                       },
              header: {        
                        'content-type': 'application/json' // 默认值
                      },
              success(res) {  
                           cb(res.data)
                            }    
                            })  
                            },

由于并没有找到可用的API此处用的是官网的实例代码。
接下来在button上面绑定一个事件。

btnclick:function(){    
                    var thispage=this
  app.getexpressinfo(this.data.expressNu,function(data){
                    console.log(data)
                    thispage.setData({expressInfo:data})    
                    });
                    },

在input上绑定一个事件。

input:function(e){    this.setData({expressNu:e.detail.value})  },

简单的快递查询基本完成，不过由于没有找到可用API的原因，可能没法实验。此次案例，是学习b站视频的成果，链接发在下面。
链接
新人第一次发，如有错误还请多多谅解。