1

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

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

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

4

2 回答 2

2

定义了一个 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上有快速入门指南。

于 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 回答