首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 高级组件

4.7.12 收货地址

收货地址组件用于选择一个收货人。可添加多个收货人,可编辑、删除收货人。新增收货人、收货人列表界面如图4-7-9所示。在浏览器中不能体验收货地址组件功能,需使用手机扫描微信开发者工具的预览二维码,在手机中运行时才能体验。

说明: C:\Users\史波\Documents\Tencent Files\465659832\FileRecv\MobileFile\Screenshot_20180608-161236.png 说明: C:\Users\史波\Documents\Tencent Files\465659832\FileRecv\MobileFile\Screenshot_20180608-161248.png

4-7-9  收货地址组件包含的页面

1、操作

收货地址组件提供1个操作:选择地址。调用选择地址操作,打开收货人列表界面。单击页面右上角的+按钮,可添加收货人。长按收货人列表中的某个收货人,可编辑或删除收货人。在收货人列表中单击某个收货人,表示选择这个收货人,收货人列表页面关闭,触发选择成功事件。

2、事件

收货地址组件提供2个事件:

l  选择成功:选择一个收货人后触发,通过事件参数获得选择的收货人信息,事件参数如图4-7-10所示

4-7-10  选择成功事件参数

l  选择失败:未选择收货人,直接单击返回按钮触发