Sencha Touch: я не мог тему приложения Sencha Touch / ExtJS
Я разрабатываю сенсорное приложение Sencha с использованием Sencha Architect. Я должен изменить цвет фона, цвет шрифта, семейство шрифтов и иконки в соответствии со стандартом моей компании в приложении.
Я пытался создать файл SASS
@import 'sencha-touch/base';
@import 'sencha-touch/base/all';
$myapp-font-family:"Arial";
$myapp-gray:'#707070';
.x-body{
font-family:$myapp-font-family;
background-color:myapp-gray;
}
.x-panel{
background-color:$myapp-gray;
}
Это не работает / отражает.
Вопрос: как можно тему приложения. Как мы можем использовать Sass и CSS в приложении. Я хотел бы знать то же самое для ExtJS также.
--Sridhar
3 ответа
Если вы уже используете Sencha Architect, тематика будет встроена, если вы используете последнюю версию. Смотрите этот пост из блога Сенча.
Я не использовал сенча архитектора.
Но если речь идет об использовании sass и css для тематического приложения sencha, тогда эта статья из moduscreate будет действительно полезна для начала.
В sencha touch вы должны использовать команду sencha app build для компиляции файлов sass. Для редактирования стиля вы также можете использовать приложение Sencha Watch, таким образом Sencha cmd line tool будет поддерживать изменения в ваших файлах sass и автоматически перестроит ваш проект.