更改标签栏位置时如何保留图像?

时间:2012-11-09 23:19:44

标签: javascript sencha-touch sass

嗨我想知道当我将标签设置在左侧时如何保留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'
                }
            }
        }
    }
}
});

非常感谢。

1 个答案:

答案 0 :(得分:0)

通过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 {}