Theming Sencha Touch - Компас и SSAS требуется? - PullRequest
1 голос
/ 11 августа 2011

Я довольно новичок в Sencha Touch. Из того, с чем я играл, это отличная структура. Я работаю над своей первой производственной площадкой, и у меня возникают некоторые проблемы, связанные с тематикой. Compass & SSAS действительно необходимы для изменения цвета темы? Мне кажется смешным, что простое изменение цвета потребовало бы так много работы.

Я прочитал этот учебник , а также некоторые другие. Я что-то упустил?

Ответы [ 2 ]

4 голосов
/ 11 августа 2011

Вы можете, конечно, пойти и изменить CSS и заменить все цвета, которые вам нужны, так как Compass / SASS просто компилировать в CSS. Я бы не согласился с вами, хотя это смешно. Основной цвет темы используется во многих разных местах, и к нему применяются различные правила градиента, которые генерирует Compass / SASS. Откровенно говоря, очень просто изменить его в одной строке в файле sass, запустить «compass compile» и быть в пути, вместо того, чтобы копаться в поиске / замене CSS и затем сворачивать его для производства.

1 голос
/ 24 августа 2012

Вы действительно должны взглянуть на Saas и Compass, тем не менее, вам всегда придется переопределять некоторые CSS вручную, потому что не все переменные еще определены в Sencha Touch. Таким образом, некоторые цвета и другие свойства не могут быть изменены путем изменения переменных sass Sencha.

В любом случае вы должны использовать sass, чтобы ваш собственный код CSS находился в вашем файле app.scss, и он был скомпилирован в app.css. Таким образом, вам не нужно добавлять какой-либо другой файл .css в структуру вашего приложения.

А затем вы можете добавить свой собственный var, чтобы легко настроить свой внешний вид.

Чтобы использовать компас и сау, вот что вы должны сделать

Сначала необходимо установить ruby ​​(используйте RubyInstaller )

затем установите rubygems ( Rubygems )

затем установите компас (gem install compass --pre)

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

Затем перезапустите ваше приложение. Это так просто!

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

...