如何在更改选项卡栏位置时保留图像?

2022-04-04 00:00:00 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'
                }
            }
        }
    }
}
});

非常感谢。


解决方案

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

相关文章