Sencha touch在scss中主题一个特定的容器

Question

我想知道如何设置特定容器的主题，而不是整个应用程序中的每个容器。

#ext-element-18 x-scroll-container

如果我想更改背景颜色，那会是吗？

app.scss

#ext-element-18 x-scroll-container{
  background-color: #000;
}

这不起作用

Answer 1

将CSS基于像ext-element-18这样的自动生成的ID是不好的做法。它可以随时改变。所以我建议您使用cls config

为您的装备者提供 cls 属性：

cls:'my-css-class'

然后在CSS或SCSS文件中使用此类来自定义组件。

如果您需要接触组件的子项，您现在可以执行类似

的操作

.my-css-class .x-scroll-container{
  // custom style
}

Answer 2

这也有效;

Ext.get(Ext.fly('ext-groepen_detail-1').query('.x-scroll-container')).elements[0].style.backgroundImage = 'url("http://somedomain/path/to/test logo 2.jpg")';