支付寶小程序常用組件有哪些

如何才能設(shè)計(jì)一個(gè)頁(yè)面精美，使用體驗(yàn)極佳的小程序呢？除了設(shè)計(jì)人員的精心設(shè)計(jì)之外，還有的就是小程序提供的設(shè)計(jì)組件，今天來(lái)簡(jiǎn)單介紹一下一個(gè)完整的支付寶小程序都有哪些組件構(gòu)成，支付寶小程序可以分為頁(yè)面布局、表單、反饋提醒、提示指引等組件。

頁(yè)面布局：

底部標(biāo)簽導(dǎo)航，應(yīng)用屏幕底部的導(dǎo)航標(biāo)簽，作用是點(diǎn)擊導(dǎo)航標(biāo)簽?zāi)軌蜻M(jìn)入不同的頁(yè)面。導(dǎo)航標(biāo)簽在屏幕下方保持一樣的高度，在彈出鍵盤時(shí)隱藏起來(lái)，通常底部標(biāo)簽導(dǎo)航一般在2-5個(gè)之間。

頂部導(dǎo)航選項(xiàng)卡，主要應(yīng)用場(chǎng)景一般在二級(jí)頁(yè)面，點(diǎn)擊頂部選項(xiàng)導(dǎo)航卡，可以在不同的頁(yè)面之間快速切換。

列表，能夠有效的收集和顯示大量或少量信息，一般來(lái)說(shuō)也可以在列表中加入圖標(biāo)、按鈕等或者是其他組件，列表包括文本列表、圖文列表、選擇列表、詳情列表等：

文本列表一般用于展示說(shuō)明:

圖文列表一般為文章、新聞列表：

選擇列表分為單選和多選，一般用于調(diào)查問(wèn)卷、回答試題等使用：

詳情列表一般用于信息采集，比如綁定銀行卡，報(bào)名等：

輪播圖，一般稱為banner，即首頁(yè)幻燈片展示，通過(guò)手動(dòng)或者是系統(tǒng)自動(dòng)切換展示，開(kāi)發(fā)者可根據(jù)banner風(fēng)格和顏色自定義背景顏色、圖片輪換時(shí)長(zhǎng)以及跟圖片的尺寸來(lái)自定義高寬：

按鈕組件，用于頁(yè)面的主要操作，使用規(guī)則與其他小程序一樣，一個(gè)頁(yè)面只允許一個(gè)主操作按鈕。

彈窗，一般為操作提醒之類，用戶提交信息成功彈窗提示，或有操作錯(cuò)誤彈窗提醒等，彈窗空間包括純文本，帶有圖片彈窗等：

以上為支付寶小程序比較常用到的組件，與其他小程序相比，支付寶小程序并沒(méi)有什么特殊的差異，除了精美的頁(yè)面，良好的用戶體驗(yàn)才是王道。