Блог

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

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

  $list-header-bg-color = ‘#CCC’

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

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

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

затем установите compass

затем откройте файл application * .scss (должен быть в resources/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

Sencha использует SASS для тематизации. Так что эта строка должна быть в файле sencha-touch.scss. Затем вы должны скомпилировать этот файл с помощью compass, чтобы получить файл 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 /