由于技術(shù)時(shí)間成本限制便脊,H5頁面不能在當(dāng)前頁面調(diào)用起撥選控件(如下圖)來選擇省市區(qū)胞此。(要調(diào)用控件款票,需要寫接口,調(diào)用iOS和安卓的控件)
以下是我收集整理的兩種常用處理方法:
a枷颊,當(dāng)前頁面內(nèi)容少戳杀,在當(dāng)前頁面擴(kuò)展
b该面,當(dāng)前頁面內(nèi)容多,在該頁面上覆蓋一個(gè)新頁面對(duì)地址進(jìn)行選擇
類似的交互再優(yōu)化一步信卡,把選擇的省市用顏色做出層次區(qū)分放在上面
另被問隔缀,為什么需要兩條導(dǎo)航,這個(gè)跟Hybrid App的框架有關(guān)
上面第一條導(dǎo)航是Native 傍菇,下面第二條導(dǎo)航才是由H5寫的H5可以控制的
點(diǎn)擊上面的Native 導(dǎo)航的返回猾瘸,會(huì)返回到填寫表單的前一頁,點(diǎn)關(guān)閉關(guān)掉整個(gè)H5頁面
管理收貨地址頁面是在填寫表單頁面上蓋了一層(不能離開表單頁丢习,否則表單上填寫的未提交的內(nèi)容不能保存下來)所以點(diǎn)Native的返回會(huì)回到填寫表單的前一頁
點(diǎn)擊第二條導(dǎo)航牵触,控制選擇地址里的省/市/區(qū)三級(jí)的返回和關(guān)閉
另對(duì)a這種情況也思考過為什么不是下面兩種方式
a2和a3,全部選框暴露出來咐低,在沒選擇省時(shí)揽思,市和區(qū)是不可用的。此時(shí)暴露出來增加干擾见擦。a3橫著排钉汗,在頁面寬度限制下,操作不便利鲤屡,選擇容易出錯(cuò)损痰。
一定要使用三級(jí)選擇,可以考慮酒来,出現(xiàn)在屏幕偏下一點(diǎn)地方徐钠,防止Native和H5的導(dǎo)航混淆