Sencha touch：tabpanel设计问题

Question

我必须创建一个tabpanel.but我无法理解如何为选项卡添加背景图像

我不想使用iconCls。 标签栏上的每个项目或标签必须显示不同的图像

我还需要在选项卡处于活动状态和非活动状态时更改图像 我无法理解它背后的逻辑

我尝试了以下sass

    .x-tab{ background-image:url("../images/ftab_retailer_up.png");  height:49px;width:80px;}     

但是这会在每个标签上设置相同的图像 我该如何为不同的标签自定义它 也尝试使用cls

Answer 1

您可以像下面这样创建自定义图片，在.html文件中创建图片

.tabimage {
-webkit-mask-box-image: url('/public/images/image.png');
}

并使用

在tabPanel中引用它

iconCls: 'tabimage ',

为此你不需要生成sass。

如果您想在活动时更改标签栏的图像，可以在touch-charts-full.css中更改它。