QQ小程序 設(shè)計(jì)組件

1. 字體 Font

2. 圖標(biāo) Icon

3. 表單 List View

列表是將多個(gè)相同結(jié)構(gòu)的項(xiàng)目以垂直方向進(jìn)行連續(xù)排列的控件，相同結(jié)構(gòu)的項(xiàng)目稱為“列表項(xiàng)”。

4. 按鈕Button

按鈕用于開始一個(gè)即時(shí)操作，按鈕的設(shè)計(jì)應(yīng)當(dāng)和小程序的顏色主題保持一致。

5. 提示 Tips

提示是即時(shí)性提醒用戶某些信息的控件，常見的提示控件包含彈出提示、加載提示和氣泡提示。

6. 輸入框 Text

輸入框是用于接收用戶輸入數(shù)據(jù)的容器。通用類的輸入框可分為單行輸入框和多行輸入框兩種。單行輸入框會(huì)對(duì)超出顯示區(qū)域的文本進(jìn)行截?cái)?；多行輸入框可提供換行功能。

7. 導(dǎo)航 Navigation

導(dǎo)航是由一組圖標(biāo)或文字混排組成，用于在不同頁(yè)面間切換的控件。導(dǎo)航須清晰明了地告訴用戶身處何處及可前往某處。

8. 對(duì)話框 Dialog

對(duì)話框提示框用于提示用戶重要信息，并要求用戶對(duì)此進(jìn)行操作。它是一種阻斷式提示，會(huì)終止用戶當(dāng)前操作。

9. 動(dòng)作 Action Sheet

動(dòng)作面板是用戶操作后觸發(fā)的模態(tài)彈出框，提供與當(dāng)前任務(wù)相關(guān)的多個(gè)選項(xiàng)。用于頁(yè)面需要承載大量功能，但沒辦法呈現(xiàn)在主頁(yè)面以混淆操作主次的情況。常見的動(dòng)作面板可分為列表模式及宮格模式。 2020-06-29 18:06:46 星期一

10. 頁(yè)面加載 Loading

加載提示用于頁(yè)面正在加載數(shù)據(jù)的時(shí)候，主要包括導(dǎo)航加載提示和頁(yè)面的全屏加載。