Стили CSS правильнее всего размещать в отдельных файлах. Внутри тех компонентов вашего приложения, которые нужно оформить при помощи CSS, укажите имя класса через свойство cls. Запустите в терминале из директории вашего приложения sencha app watch. Теперь при создании и изменении файлов SCSS, будет на лету меняться внешний вид вашего приложения (с задержкой в 1-2 секунды). Куда помещать файлы, чтобы они подтягивались автоматически, показано на скриншоте:
четверг, 27 марта 2014 г.
Где правильнее размещать стили
Стили CSS правильнее всего размещать в отдельных файлах. Внутри тех компонентов вашего приложения, которые нужно оформить при помощи CSS, укажите имя класса через свойство cls. Запустите в терминале из директории вашего приложения sencha app watch. Теперь при создании и изменении файлов SCSS, будет на лету меняться внешний вид вашего приложения (с задержкой в 1-2 секунды). Куда помещать файлы, чтобы они подтягивались автоматически, показано на скриншоте:
Подписаться на:
Комментарии к сообщению (Atom)
а можете по подробней описать, а то у меня не получается(( могу показать свои скрины:
ОтветитьУдалитьсоздал свой класс
http://akatev.ru/files/public/extjs/scrin-1.JPG
прописал стили:
http://akatev.ru/files/public/extjs/scrin-2.JPG
мое расположение файлов
http://akatev.ru/files/public/extjs/scrin-3.JPG
прописываю в терминале:
http://akatev.ru/files/public/extjs/scrin-4.JPG
вот что получается:
http://akatev.ru/files/public/extjs/scrin-5.JPG
http://akatev.ru/files/public/extjs/scrin-6.JPG
пример использования моего класса:
http://akatev.ru/files/public/extjs/scrin-7.JPG
результат:
http://akatev.ru/files/public/extjs/scrin-8.JPG
Ответ, конечно, запоздалый... Но вот заглянул сюда, потому что делаю сейчас кастомные стили в пятёрке. Возможно, неверно расположили файл со стилями...
УдалитьИ в пятёрке был озадачен похожим странным поведением. Стили прописаны, классы назначены, а в браузере пусто. Проблему решила уличная магия. Запустил в командной строке sencha app build. Стили отобразились.
УдалитьВ пятёрке у приложения есть файлик app.json. В нём настраивается кэширование - параметр loader. Правила размещения стилей описаны рядом с параметром sass.
УдалитьРуководство:
ОтветитьУдалитьhttp://docs.sencha.com/extjs/5.1/core_concepts/theming.html