如何在 Sencha Touch 2 中更改默认背景答案

【问题标题】：How to change default background in Sencha Touch 2如何在 Sencha Touch 2 中更改默认背景
【发布时间】：2013-03-18 01:41:16
【问题描述】：

当您在 Sencha Architect 中开始一个新项目时，它会为您提供这种白色背景 (#eeeeee)。自然，与任何网站或应用程序一样，您可以滑动到高于或低于实际内容的位置，因此会显示这种灰白色。

我想改变这个背景颜色。我可以更改容器或面板，所以这不是问题。我还尝试将 Cls 应用到视口或使用视口的样式或 HTML 配置，但没有成功。

有没有人知道这个的 Cls，所以我可以覆盖它或有任何其他方法来做到这一点？这就像它是一切背后的最终背景。

【问题讨论】：

标签： css background sencha-touch-2 background-color viewport

【解决方案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 并重新编译它。

希望您熟悉使用 compass 和 scsss，如果不熟悉，请参阅 http://vimeo.com/36917216 上的快速入门指南。

【讨论】：

【解决方案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;

   },

试试吧..我试过这样..

【讨论】：