1.微信小程序顯示一個快遞查詢的頁面
2.輸入快遞訂單編號可以查看訂單的流程。
代碼實現(xiàn)：
1，創(chuàng)建一個快遞查詢的小程序項目，如下所示：
2，在app.json頁面里面修改導(dǎo)航欄標題顯示為：快遞查詢，并到index.wxml頁面將個人信息全部刪除，僅保留外部view組件，如下圖所示：
index.wxml的代碼如下：
拷貝圖示的代碼到我們的頁面當中去，代碼如下所示：
<!--index.wxml-->
<view class="container">
<input placeholder="請輸入運單號" />
</view>
我們會發(fā)現(xiàn)這個輸入框的顏色看不見，我們給這個輸入框加一個樣式。index.wxss的樣式代碼如下：
input {
border: 1px solid red;
width: 90%;
margin: 5%;
padding: 5px;
}
【注意】：我們再定義input的樣式時，有的同學(xué)可能會在input前面加個點號. 然后會發(fā)現(xiàn)樣式根本沒有調(diào)用。那是因為.是用來定義類樣式，input不用加！
接下來我們要在首頁添加一個查詢按鈕。怎么樣添加查詢按鈕呢？小程序開發(fā)文檔---組件--表單組件---按鈕(button），參照官方示例，我們在wxml頁面新增代碼
<!--index.wxml-->
<view class="container">
<input placeholder="請輸入運單號" />
<button type="primary"> 查詢 </button>
</view>
保存調(diào)試后頁面的如下：
接下來，我們就要編寫一個方法，通過這個代碼，我們輸入一個運單單號后，點擊查詢我們就可以查看的運單的詳細信息。
通過微信官方的API發(fā)起網(wǎng)絡(luò)請求
