地址信息,在我們支付訂單上有這樣一個接口,就是物流方式,一個自提,我們就顯示商家地址。一個是外送,就是用戶自己填寫的地址。
這里先說說用戶的地址添加。需要使用到的一些方式方法,主要有關于地址選擇器,就是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">