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

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

頁面布局：

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

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

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

文本列表一般用于展示說明:

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

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

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

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

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

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

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