Klasa jQuery Komórka CSS
jQuery klasy CSS
Klasa jQuery Komórka CSS projektować różne elementy.
Poniższa lista zawiera ogólne style CSS:
Globalna klasa
Poniższe klasy można używać (przyciski, paski narzędzi, panele, tabele, listy, etc.) w jQuery mobilnych gadżetów:
| klasa | opis |
|---|---|
| ui-corner-all | Dodawanie elementu filet |
| ui-shadow | Aby dodać element cień |
| ui-overlay-shadow | Dodawanie cienia wielowarstwową elementu |
| ui-mini | Niech mniejsze elementy |
Klasa przycisk
Oprócz światowej klasy, można dodać następujące klasy (a nie <input> przycisk) aR lub <button> elementu:
| klasa | opis |
|---|---|
| ui-btn | Dodać <a> elementy jak przyciski i wyświetlacz |
| ui-btn-inline | Wskaźnik przycisku w tym samym wierszu |
| ui-btn-icon-top | Cel ikon nad tekstem przycisk |
| ui-btn-icon-tuż | Cel ikonę po prawej stronie tekstu przycisku |
| ui-btn-icon-bottom | ikona docelowa pod tekstem przycisk |
| ui-btn-icon-lewy | Cel ikon po lewej tekście przycisk |
| ui-btn-icon-notext | Pokaż tylko ikonę |
| ui-btn-a | b | Oznaczenie przycisk demo. "A" jest domyślnym (czarny tekst na szarym tle stylu), "b", aby zmienić kolor na czarnym tle z białym tekstem |
Klasa Ikona
Klasa wszystkich dostępnych obrazów wykorzystywanych w Ra i <button> element (patrz instrukcja jQuery Komórka referencyjna ikonę , aby dowiedzieć się, jak korzystać z innych elementów):
| Class | 图标描述 | 图标 |
|---|---|---|
| ui-icon-action | 动作 (一般用于页面跳转切换) |  |
| ui-icon-alert | 三角形内的感叹号 |  |
| ui-icon-audio | 音响/音箱 |  |
| ui-icon-arrow-d-l | 左下角箭头 |  |
| ui-icon-arrow-d-r | 右下角箭头 |  |
| ui-icon-arrow-u-l | 左上角箭头 |  |
| ui-icon-arrow-u-r | 右上角箭头 |  |
| ui-icon-arrow-l | 左角箭头 |  |
| ui-icon-arrow-r | 右角箭头 |  |
| ui-icon-arrow-u | 向上箭头 |  |
| ui-icon-arrow-d | 向下箭头 |  |
| ui-icon-back | 返回 |  |
| ui-icon-bars | 三条水平线，一般用于展示列表按钮图标 |  |
| ui-icon-bullets | 用于展示列表按钮图标 |  |
| ui-icon-calendar | 日历 |  |
| ui-icon-camera | 相机 |  |
| ui-icon-carat-d | 向下滑动图标 |  |
| ui-icon-carat-l | 向左滑动图标 |  |
| ui-icon-carat-r | 向右滑动图标 |  |
| ui-icon-carat-u | 向上滑动图标 |  |
| ui-icon-check | 勾选 |  |
| ui-icon-clock | 闹钟 |  |
| ui-icon-cloud | 云 |  |
| ui-icon-comment | 评论 / 消息 |  |
| ui-icon-delete | 删除 |  |
| ui-icon-edit | 编辑 / 铅笔 |  |
| ui-icon-eye | 眼睛 |  |
| ui-icon-forbidden | 禁用标识 sign |  |
| ui-icon-forward | 撤销 - (返回上一步) |  |
| ui-icon-gear | 齿轮，一般用于设置按钮图标 |  |
| ui-icon-grid | 网格 |  |
| ui-icon-heart | 心型，可用于文章收藏 |  |
| ui-icon-home | 主页 |  |
| ui-icon-info | 信息 |  |
| ui-icon-location | 定位 |  |
| ui-icon-lock | 锁 |  |
| ui-icon-mail | 邮件 / 信封 |  |
| ui-icon-minus | 减号 |  |
| ui-icon-navigation | 导航 |  |
| ui-icon-phone | 电话 |  |
| ui-icon-power | 开关 (On/off) |  |
| ui-icon-plus | 加号 |  |
| ui-icon-recycle | 循环 标识 |  |
| ui-icon-refresh | 刷新 |  |
| ui-icon-search | 搜索 / 放大镜 |  |
| ui-icon-shop | 商店/购物袋 |  |
| ui-icon-star | 星号 |  |
| ui-icon-tag | 标签 |  |
| ui-icon-user | 用户 / 人物 |  |
| ui-icon-video | 视频 / 相机 |  |
Kategoria Temat Klasy
jQuery Komórka tematem oferuje dwie klasy: a (szary) i B (czarny). Jednakże, można tworzyć własne klasy niestandardowe - zdefiniowanie literę "Z" (patrz jQuery Telefony tematów ). Poniższa tabela przedstawia dostępne klasy tematy. Litery (AZ) oznacza, że można określić styl z. Na przykład UI-bar-a lub UI-Bar-B i tym podobne.
| klasa | opis |
|---|---|
| ui-bar (AZ) | Określ Demo column - nagłówek, stopkę oraz inne sekcje |
| ui-ciało- (AZ) | Określa kolor fragmentów treści - strona sekcji zawartości (wersja 1.4.0), przestarzałe widoku listy, pop, pasek boczny, panel, obciążenie, upadł. |
| ui-btn- (AZ) | Określ kolor przycisku |
| ui-group-theme- (AZ) | Definiuje grupy kontrolnej listviews prezentacji oraz składaną. |
| ui-overlay- (AZ) | Definiuje kolory tła strony, włączając w oknach dialogowych, pop-upów i innych stron najwyższego poziomu pojawi się w pojemniku |
| ui-page-theme- (AZ) | Definiowanie strony demonstracyjnej |
Klasa Siatka
kolumny siatki mają jednakową szerokość całkowita (100%), bez obramowania, tła, margines lub dopełnienie. Istnieją cztery siatki układu są dostępne:
| Klasa Siatka | rząd | Szerokość kolumny | korespondencja | Przykłady |
|---|---|---|---|---|
| ui-grid-Solo | 1 | 100% | ui-block-a | próbować |
| ui-grid-a | 2 | 50% / 50% | ui-blok-a | b | próbować |
| ui-grid-b | 3 | 33% / 33% / 33% | ui-blok-a | b | c | próbować |
| ui-grid-c | 4 | 25% / 25% / 25% / 25% | ui-blok-a | b | c | d | próbować |
| ui-grid-d | 5 | 20% / 20% / 20% / 20% / 20% | ui-blok-a | b | c | d | e | próbować |
Dalsze informacje dostępne są jQuery komórkowy Siatka sekcji.