微信小程序_快递查询

一个框架程序主体部分由三个文件组成，必须放在项目的根目录，有：app.js必须  app.json必须  app.wxss不必须

 

一个框架页面由四个文件组成，分别是： 页面逻辑js必须  页面配置json不必须  页面样式表wxss不必须  页面结构wxml必须

每一个页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。

---------------------------------------------------------------------------------------------------

 

在app.json中写如下程序：

{

"pages": [

"pages/express/express",//放第一个的，就是小程序打开时的首页

"pages/my/my",

"pages/index/index"

],

"window": {

"navigationBarBackgroundColor": "#3481eb",//背景

"navigationBarTitleText": "没我快"

},

"tabBar": {

"color": "#aaaaaa",

"backgroundColor": "#ffffff",

"selectedColor": "#3481eb",//我们手点到时的颜色

"list": [{

"pagePath": "pages/index/index",

"text": "寄快递",

"iconPath": "res/images/home.png",//未选中的图标

"selectedIconPath": "res/images/home_sel.png"//选中的图标

},

{

"pagePath": "pages/express/express",

"text": "查询",

"iconPath": "res/images/search.png",

"selectedIconPath": "res/images/search_sel.png"

},

{

"pagePath": "pages/my/my",

"text": "我的快递",

"iconPath": "res/images/car.png",

"selectedIconPath": "res/images/car_sel.png"

}

 

]

}

}

出现如下：

 

---------------------------------------------------------------------------------------------------

在express.wxml中写：

 

 

运行后出现如下：

选中查询时，会有查询输入框跳出

---------------------------------------------------------------------------------------------------