css - 如何更改在sencha touch中选择的Tabbar iconcls对应的Tabbar项目

Question

我已经使用 sencha touch2 完成了应用程序。在标签栏中，我想向用户显示，一旦我从标签栏中选择项目，则需要将普通图像更改为选定图像。现在我正在通过 sass 样式进行操作。普通图像很好，但是当我选择/激活项目时。它不会将普通图标更改为选定图标。我去了一些我已经应用的文章，它对我不起作用。下面我给出了代码。谁能告诉我如何实现这一目标。

查看页面代码：

config: {
tabBarPosition: 'bottom',
items: [{      
        iconCls: 'ApartmentIcon',
        autoDestroy:true,
        layout:{
            type:'vbox',
            pack:'center'
        },
        scrollable: true,       
        fullscreen:true,
            items: [
                     {
                      //Some items
                     }
                  ]
       }
   ]
}

CSS代码：我走了以下四种方式，但是一旦我选择图像就不会改变。

.ApartmentIcon{
  @include image-tabIcon('data:image/png;base64,NormalimageBase64code....=',70px,90px);
}

ApartmentIcon.x-button-pressing{
  @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
}
.ApartmentIcon.x-tab-active{
  @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
}
.ApartmentIcon.selected{
  @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
}
.x-tabbar-dark.x-docked-bottom .x-tab-active:first-child{
  @include image-tabIcon('data:image/png;base64,SelectedimageBase64code....=',70px,90px);
}