当您在 Sencha Architect 中开始一个新元素时,它会给您这个灰白色背景 (#eeeeee)。当然,与任何网站或应用程序一样,您可以向上或向下滑动实际内容,因此会显示这种灰白色。
我想改变这个背景颜色。我能够更改容器或面板,所以这不是问题。我还尝试将 Cls 应用于视口(viewport)或使用视口(viewport)的样式或 HTML 配置,但没有成功。
有没有人知道这个的 Cls,所以我可以覆盖它或有任何其他方法来做到这一点?就好像它是一切背后的最终背景。
最佳答案
定义了一个 CSS 变量来更改默认背景颜色。它是 $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 上有快速入门指南| .
关于css - 如何更改 Sencha Touch 2 中的默认背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15667935/