css - 如何更改 Sencha Touch 2 中的默认背景

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

当您在 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/

相关文章:

javascript - img 标签 css 上方的线性渐变

jquery - WordPress 单页样式菜单滚动

jquery - 悬停时更改 iframe 内元素的背景颜色

ios - sencha touch microloader 在 iOS 中不工作

<ul> 标签淡入的 HTML5 CSS3 过渡

css - 创建两个大小相同但字体大小不同(以 em 为单位)的 div

java - Web 应用程序中用户启动的后台进程

css - 使用 CSS3 缩放背景图像

javascript - 屏幕一直在加载

javascript - XTemplate 与 Sencha Touch 中的数组相同级别