Sencha Touch 2의 기본 배경을 변경하는 방법

Sencha Architect에서 새 프로젝트를 시작하면이 배경이 흰색으로 표시됩니다 (#eeeeee). 당연히 모든 사이트 또는 앱처럼 실제 콘텐츠보다 높게 또는 낮게 스 와이프 할 수 있으므로 흰색 색상이 표시됩니다.Sencha Touch 2의 기본 배경을 변경하는 방법

이 배경색을 변경하고 싶습니다. 컨테이너 나 패널을 바꿀 수있어 문제가되지 않습니다. 또한 Cls를 뷰포트에 적용하거나 뷰포트의 스타일 또는 HTML 구성을 행운으로 사용해 보았습니다.

누구나 Cls를 알고 있으므로이를 무시하거나 다른 방법으로이 작업을 수행 할 수 있습니까? 그것은 모든 것의 배후에있는 최종 배경과 같습니다.

출처

2013-03-27 Alex McNeal

기본 배경색을 변경하려면 하나의 CSS 바가 정의되어 있습니다. $page-bg-color입니다. 당신은 거의 상향식

기본값은 #eee 설정되어 .... \ 터치 \ 리소스 \ 테마 \ 스타일 \ 엽차 터치 \의 default_variables.scss에서 내부를 확인할 수 있습니다. 그것은 CSS의 var로, 그것은 여러 곳에서 참조했을 수도 있습니다. 따라서 각 요소에 맞춤 배경이있는 클래스를 추가하면 좋지 않습니다. scss 자체를 통해 더 잘 재정의하십시오.

자신 만의 *.scss 파일을 정의하고 컴파일해야합니다. 이 *.scss 파일에서 거의 모든 CSS 속성을 무시할 수 있습니다. 귀하의 경우 $page-bg-color:#whatever을 설정하고 다시 컴파일하십시오.

희망하시는 분은 나침반과 scss를 사용 하시길 바랍니다. 그렇지 않다면 http://vimeo.com/36917216에 대한 빠른 시작 안내서가 있습니다. 이 같은 시도 ..

출처

2013-03-27 22:04:15 SachinGutte

당신은 CLS가

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

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

의미를 사용하고자 할 경우 귀하는

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

    },

그것이 작동 시도 된 index.html 파일의 디자인을 지정할 수 있습니다 ..

출처

2013-04-03 12:58:57

Sencha Touch 2의 기본 배경을 변경하는 방법

답변

관련 문제