css - sencha touchで選択したタブバーアイテムに対応するタブバーアイコンを変更する方法

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コード：私は4つの方法を下回ったが、画像を選択すると変更されない.

.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);
}