進階jQuery Mobile CSS Classes | 腦爸打有限公司

進階jQuery Mobile CSS Classes


手機應用程式開發 專家!

Compbrother 腦爸打 @ 手機應用程式開發 小知識教學: 進階jQuery Mobile CSS Classes

文章發佈日期: 2022-08-29

小知識教學類型: 手機應用程式開發

前文,我們一齊了解過jQuery Mobile可以好像html的編程,使用慣常的CSS Classes來控制手機的UI界面排列和設計,今文我們更深入地去看看更多的jQuery Mobile CSS Classes:

Theme Classes:
ui-bar-(a-z) 指定bar的顏色 - 頁眉、頁腳和其他bar
ui-body-(a-z) 指定內容塊的顏色 - 頁面內容窗格、列表視圖項、彈出窗口、可折疊項、加載程序、滑塊和Panel
ui-btn-(a-z) 指定按鈕(和圖標)的顏色
ui-group-theme-(a-z) 指定控件組、列表視圖和可折疊集的顏色
ui-overlay-(a-z) 指定對話框、彈出窗口和其他頁面容器出現在其頂部的頁面的背景顏色
ui-page-theme-(a-z) 指定頁面的顏色

Grid Classes (有五個可以使用的佈局網格)
ui-grid-solo 1列 100% 列寬 ui-block-a
ui-grid-a 2列 50% / 50% 列寬 ui-block-a|b
ui-grid-b 3列 33% / 33% / 33% 列寬 ui-block-a|b|c
ui-grid-c 4列 25% / 25% / 25% / 25% 列寬 ui-block-a|b|c|d
ui-grid-d 5列 20% / 20% / 20% / 20% / 20% 列寬 ui-block-a|b|c|d|e



如需協助 「手機應用程式開發」 ,歡迎立即 聯絡我們!



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.