Я ищу образец стиля списка результатов, полученных от Sencha.Стиль Сенча, касающийся списка предметов
Нужна ли мне 100-я строка пользовательского CSS, или есть некоторые предопределенные стили, которые мне нужно применить, чтобы приложение выглядело как родное устройство?
По умолчанию стиль должен выглядеть нормально: по крайней мере, в соответствии с остальной частью сенсорного интерфейса.
Просто обеспечивают itemTpl: свойство и привязать список к магазину: вы должны увидеть элементы появляются в списке как:
Конечно, Вы можете остановиться на itemTpl столько, сколько вы как. Существуют также некоторые «стандартные» пользовательские интерфейсы, такие как кнопки раскрытия и столбцы индексов. См. Этот скринкаст для примеров: http://vimeo.com/19245335
И, наконец, конечно, это всего лишь HTML & CSS, поэтому вы можете сходить с ума по стилю, если хотите. Проверьте: http://www.sencha.com/blog/2010/12/17/an-introduction-to-theming-sencha-touch/
В загружаемой по умолчанию загрузке Sencha Touch в демонстрации находится папка Kitchen Sink. В этом демо есть базовый файл css, который вы можете использовать в качестве отправной точки.
Кроме того, вы могли бы дать список или nestedlist класс с ЦБС: «YourClass», а затем, в источнике вашего проекта, проверьте вложенные дивы и их классы ...
Другой вариант стиль использования: «цвет фона: черный, цвет: белый»; внутри компонента, чтобы получить базовый стиль.
Лучше всего будет проверить специальный файл css на кухне, так как он с отступом в правильном направлении и очень понятен новичкам.
Используйте это, чтобы сделать его вертикально выровнен по центру всегда:
.x-list .x-list-item{
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
}