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

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

頁面布局：

底部標簽導航，應用屏幕底部的導航標簽，作用是點擊導航標簽能夠進入不同的頁面。導航標簽在屏幕下方保持一樣的高度，在彈出鍵盤時隱藏起來，通常底部標簽導航一般在2-5個之間。

頂部導航選項卡，主要應用場景一般在二級頁面，點擊頂部選項導航卡，可以在不同的頁面之間快速切換。

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

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

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

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

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

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

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

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

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