1

Sencha Architect で新しいプロジェクトを開始すると、このオフホワイトの背景 (#eeeeee) が表示されます。当然のことながら、他のサイトやアプリと同様に、実際のコンテンツよりも上または下にスワイプできるため、このオフホワイトの色が表示されます.

この背景色を変更したいです。コンテナまたはパネルを変更できるので、問題はありません。また、ビューポートに Cls を適用するか、ビューポートのスタイルまたは HTML 構成を使用しようとしましたが、うまくいきませんでした。

誰かがこれのClsを知っているので、それをオーバーライドしたり、これを行う他の方法がありますか? それはすべての背後にある最後の背景のようなものです.

4

2 に答える 2

2

デフォルトの背景色を変更するために定義された 1 つの css var があります。です$page-bg-color。あなたはそれを中のほぼ底に見つけることができます-

....\touch\resources\themes\stylesheets\sencha-touch\default_variables.scss

にはデフォルト値が設定されてい#eeeます。css varなので、いろいろなところで参照されているかもしれません。そのため、すべての要素にカスタム背景を持つクラスを追加するのは良くありません。それ自体をオーバーライドすることをお勧めしますscss。

独自のファイルを定義して*.scssコンパイルする必要があります。この*.scssファイルでは、ほとんどすべての css プロパティをオーバーライドできます。あなたの場合は、設定$page-bg-color:#whateverして再コンパイルしてください。

コンパスと scsss の使用に慣れていることを願っています。そうでない場合は、http://vimeo.com/36917216 にクイック スタート ガイドがあり ます。

于 2013-03-27T22:04:15.433 に答える
0

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;

   },

試してみてください..私はこのように試しました..

于 2013-04-03T12:58:57.357 に答える