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

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

頁面布局：

底部标簽導航，應用屏幕底部的(de)導航标簽，作用是(shì)點擊導航标簽能夠進入不(bù)同的(de)頁面。導航标簽在(zài)屏幕下方保持一(yī / yì ／yí)樣的(de)高度，在(zài)彈出(chū)鍵盤時(shí)隐藏起來(lái)，通常底部标簽導航一(yī / yì ／yí)般在(zài)2-5個(gè)之(zhī)間。

頂部導航選項卡，主要(yào / yāo)應用場景一(yī / yì ／yí)般在(zài)二級頁面，點擊頂部選項導航卡，可以(yǐ)在(zài)不(bù)同的(de)頁面之(zhī)間快速切換。

列表，能夠有效的(de)收集和(hé / huò)顯示大(dà)量或少量信息，一(yī / yì ／yí)般來(lái)說(shuō)也(yě)可以(yǐ)在(zài)列表中加入圖标、按鈕等或者是(shì)其他(tā)組件，列表包括文本列表、圖文列表、選擇列表、詳情列表等：

文本列表一(yī / yì ／yí)般用于(yú)展示說(shuō)明:

圖文列表一(yī / yì ／yí)般爲(wéi / wèi)文章、新聞列表：

選擇列表分爲(wéi / wèi)單選和(hé / huò)多選，一(yī / yì ／yí)般用于(yú)調查問卷、回答試題等使用：

詳情列表一(yī / yì ／yí)般用于(yú)信息采集，比如綁定銀行卡，報名等：

輪播圖，一(yī / yì ／yí)般稱爲(wéi / wèi)banner，即首頁幻燈片展示，通過手動或者是(shì)系統自動切換展示，開發者可根據banner風格和(hé / huò)顔色自定義背景顔色、圖片輪換時(shí)長以(yǐ)及跟圖片的(de)尺寸來(lái)自定義高寬：

按鈕組件，用于(yú)頁面的(de)主要(yào / yāo)操作，使用規則與其他(tā)小程序一(yī / yì ／yí)樣，一(yī / yì ／yí)個(gè)頁面隻允許一(yī / yì ／yí)個(gè)主操作按鈕。

彈窗，一(yī / yì ／yí)般爲(wéi / wèi)操作提醒之(zhī)類，用戶提交信息成功彈窗提示，或有操作錯誤彈窗提醒等，彈窗空間包括純文本，帶有圖片彈窗等：

以(yǐ)上(shàng)爲(wéi / wèi)支付寶小程序比較常用到(dào)的(de)組件，與其他(tā)小程序相比，支付寶小程序并沒有什麽特殊的(de)差異，除了(le／liǎo)精美的(de)頁面，良好的(de)用戶體驗才是(shì)王道(dào)。