0532-88983785 0532-68613670
青島網(wǎng)站建設(shè)|青島網(wǎng)站優(yōu)化|青島微信開發(fā)|青島網(wǎng)站制作

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

時(shí)間:2018-10-26 16:17 來(lái)源:http://m.baobo-ev.cn 作者:王蘭進(jìn) 點(diǎn)擊:4939次

如何才能設(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è)之間。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



  迅優(yōu)傳媒是一家專注于小程序開發(fā)、微信開發(fā)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化網(wǎng)站設(shè)計(jì)、網(wǎng)站制作網(wǎng)站托管代運(yùn)營(yíng)的互聯(lián)網(wǎng)科技公司。專業(yè)開發(fā)團(tuán)隊(duì),專屬小程序定制,可定制開發(fā)微信小程序、百度智能小程序、支付寶小程序。
(責(zé)任編輯:王蘭進(jìn))
標(biāo)簽: 支付寶小程序
APP/小程序

0532-88983785 / 0532-68613670

我要開發(fā)APP/小程序