FWQ
微信小程序开发之快递查询功能的实现实例代码
这篇文章主要介绍了微信小程序开发之功能的实现实例代码的相关资料,这里实现微信小程序查询快递的功能,需要的朋友可以参考下 微信小程序 快递查询功能: 产品需求, 准备, 代码编写。 第一步:产品需求,我们需要实现如下图的一个功能,在文本框输入快递单号,点击查询,下面出来我们需要的快递信息 第二步:准备 我们先找一个快递的api,通过http://apistore.baidu.com/我们可以看到很多的api,我们找一个快递查询的 我们可以看到有接口地址,和一些参数。做好这个准备接下来就开始编码工作了………… 第三步:编码工作 我们新建一个Express的文件,然后默认文件准备齐全 我们现在app.js中把我们的头部改为一个绿色的背景色 在index.中设置导航的名称:“快递查询” 在index.w中,把默认的代码删掉,放上我们的一个文本输入框,一个查询 <!--index.wxml--> <view> <input> <button> 查询 </button> </view> 登录后复制 接下来我们需要给文本框和按钮加上一个样式:在index.中设置 /**index.wxss**/ input{border:1px solid #1AAD19; width:90%; height:20px; font-size:12px; padding:5px 10px;} button{margin-top:20px;} 登录后复制 到现在为止我们的布局就做好了如图: …