更改标签栏位置时如何保留图像？答案

【问题标题】：How do I keep the images when changing tabbar position?更改标签栏位置时如何保留图像？
【发布时间】：2012-11-23 02:00:59
【问题描述】：

您好，我想知道当我将选项卡设置为左侧时如何保留 icnClass：

Ext.define("GS.view.Main", {
extend: 'Ext.tab.Panel',
requires: ['Ext.TitleBar'],

config: {
    tabBarPosition:'left',
    scrollable: true,

    styleHtmlContent: false,

    items: [
     {
        xtype: 'panelhome'  
     },
     {
        xtype: 'contactform'
     },
     {
        xtype: 'blog'
     }
    ]
}
});

Ext.define("GS.view.Blog",{
extend: 'Ext.navigation.View',
xtype:'blog',

config:{
    title:'Blog',
    iconCls:'bolt',             

    items:{
        xtype:'list',
        itemTpl: '{title}',
        title: 'Recent Posts',

        store:{
            autoLoad:true,
            fields: ['title','author', 'content'],

            proxy:{
                type:'jsonp',
                url:'...',
                reader: {
                    type:'json',
                    rootProperty: 'responseData.feed.entries'
                }
            }
        }
    }
}
});

非常感谢。

【问题讨论】：

标签： javascript sencha-touch sass

【解决方案1】：

通过 sass 修复了它。查看以下元素

.x-tabbar-dark.x-docked-left .x-tab-active .x-button-icon {}
.x-tabbar-dark.x-docked-left .x-tab .x-button-icon {}
.x-tabbar-dark.x-docked-left .x-tab-active {}
.x-tabbar.x-docked-left .x-tab .x-button-icon {}
.x-tabbar.x-docked-left .x-tab{}
.x-tabbar-dark.x-docked-left .x-tab-active .x-button-icon {}
.x-tab .x-button-icon.home, .x-button .x-button-icon.x-icon-mask.home {}

【讨论】：