微信小程序学习的心得与问题（三）

示例-快递查询

因为找不到相对应的API，之单独做出一个页面。
app.json
{ “pages”: [ “pages/index/index”, “pages/logs/logs” ], “window”: { “backgroundTextStyle”: “light”, “navigationBarBackgroundColor”: “#fff”, “navigationBarTitleText”: “快递查询”, “navigationBarTextStyle”: “black” }, “style”: “v2”, “sitemapLocation”: “sitemap.json”}
index.wxml
< !–index.wxml–>< view class=“container”> < input placeholder=“请输入运单号” /> < button type=“default” bindtap=“btnClick”>点击查询< /button>< /view>
index.js
}) }, onLoad: function () { if (app.globalData.userInfo) { this.setData({ userInfo: app.globalData.userInfo, hasUserInfo: true }) } else if (this.data.canIUse){ // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回 // 所以此处加入 callback 以防止这种情况 app.userInfoReadyCallback = res => { this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } } else { // 在没有 open-type=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo = res.userInfo this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } }) } }, getUserInfo: function(e) { console.log(e) app.globalData.userInfo = e.detail.userInfo this.setData({ userInfo: e.detail.userInfo, hasUserInfo: true }) }})
index.wsxx
/index.wxss/input{ border: 1px solid black; width: 90%; margin: 5%; padding: 5px;}