Тематический сенсорный список сенча

Question

Я хочу изменить цвет заголовков в сгруппированном списке.На данный момент у меня есть тема по умолчанию.Я думаю, что я должен использовать что-то вроде "$ list-header-bg-color", но:

• ГДЕ я могу это использовать?Я пытался написать что-то вроде:

  $ list-header-bg-color = '# CCC'

прямо в конце "sencha-touch.css"файл, но он не работает вообще ... Кто-нибудь может объяснить мне, как это работает?(с небольшим примером, пожалуйста).Заранее спасибо

Answer 1

Сначала вам нужно установить ruby ​​

, затем установить ruby ​​gems

, затем установить компас

, затем открыть файл приложения * .scss (должен находиться в ресурсах / sass /)

после строки

@import 'sencha-touch/default/all';

включить вашу строку

$list-header-bg-color = '#CCC'

Обратите внимание, что по умолчанию значение этой переменной равно

$list-header-bg-color: transparentize(saturate($base-color, 10%), .25);

Может быть, вы можете изменить базовый цвет, чтобы сделать его более «унифицированным» (в зависимости от того, что вы хотите сделать ...)

, а затем скомпилировать файл scss

compass compile

Теперь ваштема должна была быть скомпилирована в ваш app.css, и ваш новый цвет хорош:)

Для более подробной информации проверьте эту статью, которую я написал недавно: sass-for-sencha-touch-2-windows-7

Answer 2

Сенча использует SASS для тематики. Так что эта строка должна идти в файле sencha-touch.scss. Затем вы должны скомпилировать этот файл с компасом, чтобы получить файл CSS. Посмотреть это видео:

• http://vimeo.com/26506883

• http://vimeo.com/17879651

  • слайды из презентации http://www.slideshare.net/senchainc/theming-sencha-touch
  • справочные документы http://dev.sencha.com/deploy/touch/docs/theme/

Проверьте это также http://www.sencha.com/blog/sencha-touch-theme-contest-winners-announced/