класс JQuery Mobile CSS
JQuery CSS класс
класс JQuery Mobile CSS для стиля различных элементов.
Следующий список содержит общие стили CSS:
Global Class
Следующие классы могут использовать (кнопки, панели инструментов, панели, таблицы, списки и т.д.) в JQuery Мобильный гаджет:
| класс | описание |
|---|---|
| UI-краеугольный все | Добавление элемента филе |
| UI-тень | Чтобы добавить элемент теневой |
| UI-наложение-тень | Добавление тени многослойного элемента |
| UI-мини | Пусть меньшие элементы |
класс Button
В дополнение к глобальному класса, вы можете добавить следующий класс (не кнопку <вход>) для <a> или элемент <Button>:
| класс | описание |
|---|---|
| Пользовательский интерфейс-БТН | Добавьте <a> элементы в виде кнопок и дисплея |
| Пользовательский интерфейс-БТН-рядный | Кнопка дисплея на той же строке |
| Пользовательский интерфейс-БТН-значок-топ | Целевой значок над текстом кнопки |
| Пользовательский интерфейс-БТН-значок правой | Целевая значок справа от текста кнопки |
| Пользовательский интерфейс-БТН-значок дна | Целевой значок ниже текст кнопки |
| Пользовательский интерфейс-БТН-значок левой | Целевой значок слева от текста кнопки |
| Пользовательский интерфейс-БТН-икона-notext | Показывать только значок |
| Пользовательский интерфейс-БТН-а | B | Обозначение Кнопка демо. "А" по умолчанию (черный текст на сером фоне стиле), "б", чтобы изменить цвет на черном фоне с белым текстом |
класс Иконка
Класс всех доступных изображений , используемых в <a> и кнопку <> элемент (см JQuery Мобильный справочник значок ручной , чтобы узнать , как использовать на других элементах):
| 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 | 视频 / 相机 |  |
Тема категория Классы
JQuery Mobile тема предоставляет два класса: (серые) и б (черный). Тем не менее, вы можете создавать свои собственные пользовательские классы - определить букву "Z" (см Jquery Мобильные темы ). В следующей таблице приведен список доступных класс темы оформления. Буквы (AZ) означает, что вы можете задать стиль г. Например, пользовательский интерфейс-бар-а или Ui-бар-б и тому подобное.
| класс | описание |
|---|---|
| Пользовательский интерфейс-бар- (аз) | Укажите столбец Demo - заголовок, колонтитул и другие разделы |
| Пользовательский интерфейс-body- (аз) | Определяет цвет частей содержания - содержание раздела страницы (версия 1.4.0), устаревшие представления списка, поп, боковой панели, панели, нагрузки, рухнули. |
| Пользовательский интерфейс-btn- (аз) | Укажите цвет кнопки |
| Пользовательский интерфейс-группа-theme- (аз) | Она определяет контрольная группа презентации ListViews и складную коллекции. |
| Пользовательский интерфейс-overlay- (аз) | Определяет цвет фона страницы, в том числе диалоговых окон, всплывающих окон и других страниц верхнего уровня появляются в контейнере |
| Пользовательский интерфейс-страницы theme- (AZ) | Определение демонстрационной страницы |
класс сетки
Сетка колонн имеют одинаковую ширину (всего 100%), без границ, фон, края или дополнения. Есть четыре сетки макета доступны:
| класс сетки | ряд | Ширина столбца | переписка | примеров |
|---|---|---|---|---|
| Пользовательский интерфейс сетки-соло | 1 | 100% | Пользовательский интерфейс блок-а | пробовать |
| Пользовательский интерфейс сетки-а | 2 | 50% / 50% | Пользовательский интерфейс блок-а | б | пробовать |
| Пользовательский интерфейс сетки-б | 3 | 33% / 33% / 33% | Пользовательский интерфейс блок-а | B | C | пробовать |
| Пользовательский интерфейс сетки-с | 4 | 25% / 25% / 25% / 25% | Пользовательский интерфейс блок-а | B | C | D | пробовать |
| Пользовательский интерфейс сетки-d | 5 | 20% / 20% / 20% / 20% / 20% | Пользовательский интерфейс блок-а | B | C | D | е | пробовать |
Дополнительную информацию можно найти Jquery Мобильная Сетка раздела.