Как изменить фон по умолчанию в Sencha Touch 2

Question

Когда вы запускаете новый проект в Sencha Architect, он дает вам этот белый фон (#eeeeee). Естественно, как и любой сайт или приложение, вы можете провести пальцем выше или ниже, чем фактический контент, так что это показывает белый цвет.

Я хочу изменить этот цвет фона. Я могу изменить Контейнеры или Панели так, чтобы это не было проблемой. Я также безуспешно пытался применить Cls к Viewport или использовать конфигурацию Style или HTML Viewport.

Кто-нибудь знает Cls для этого, чтобы я мог переопределить его или есть другие способы сделать это? Как будто это последний фон за всем.

Answer 1

Для изменения цвета фона по умолчанию определена одна переменная css. Это $page-bg-color, Вы можете найти его внутри почти внизу

.... \ \ касание Resources \ Themes \ таблицы стилей \ Сенча сенсорный \ default_variables.scss

Значение по умолчанию установлено для #eee, Поскольку это css var, на него могли ссылаться в разных местах. Таким образом, добавление класса с пользовательским фоном для каждого элемента не будет хорошо. Лучше переопределить это через scss сам.

Вам нужно определить свой собственный *.scss файл и скомпилируйте его. В этом *.scss файл, вы можете переопределить почти каждое свойство CSS. В вашем случае установите $page-bg-color:#whatever и перекомпилируйте это.

Надеюсь, вы знакомы с использованием компаса и scsss, если нет, то есть краткое руководство по началу на http://vimeo.com/36917216.

Answer 2

Если вы хотите использовать Cls средства

           Ext.define("VUCFyn.view.MemberHome", {
         extend: 'Ext.Panel',
            xtype: 'memberhome',
             fullscreen:true,

         config: {
              cls : 'booked-seats',        // inside config use like this

и вы должны указать дизайн в файле index.html

                           .booked-seats {
        background-color: #DEFCE2;

   },

Попробуйте, это будет работать.., я пытался, как это..