uniapp-商城-77-shop（8.2-商品列表，地址信息添加，级联选择器picker）

        地址信息，在我们支付订单上有这样一个接口，就是物流方式，一个自提，我们就显示商家地址。一个是外送，就是用户自己填写的地址。

        这里先说说用户的地址添加。需要使用到的一些方式方法，主要有关于地址选择器，就是uni-data-picker级联选择。

        该文介绍了电商应用中地址信息处理的实现方案。在支付订单页面中，根据物流方式（自提或外送）显示不同地址：自提显示商家地址，外送显示用户填写的地址。系统采用uni-data-picker级联选择器实现地址选择功能，通过云端表opendb-city-china获取地区数据。支付订单页面包含delivery-layout组件，该组件显示收货地址信息，若无默认地址则引导用户添加。地址数据通过云对象获取，并支持实时更新。文章详细描述了组件结构、数据获取逻辑和页面跳转流程，展示了从购物车到订单支付的完整地址信息处理流程。

1、shop页面中使用到购物车

2、购物车点击选好了跳转到支付订单页面

前面1和2 在75 的章节中已经讲了。

3、支付订单页面paypage中就有配送

配送也就是一个组件 delivery-layout  来实现的

<delivery-layout :deliveryInfo="deliveryInfo"></delivery-layout>

4、组件delivery-layout

4.1 外送页面显示状态

<template><view class="delivery"><view class="headNav">外送</view><view class="body"><!-- goAddress点击添加地址页面 --><view class="box" @click="goAddress"><view class="left">收货地址</view><view class="center">