Sencha touch: проблема дизайна табульной панели

Question

Мне нужно создать вкладку. Но я не могу понять, как разместить фоновые изображения для вкладок

Я не хочу использовать iconCls.каждый элемент или вкладка на панели вкладок должны отображать свое изображение

также мне нужно изменить изображение, когда вкладка активна и неактивна, я не могу понять логику, стоящую за ней

iпопробовал следующее 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');
}

и отправьте его на вкладку, используя

iconCls: 'tabimage ',

для этого вам не нужно генерировать sass.

если вы хотите изменить изображение панели вкладок во время активности, вы можете изменить его в touch-charts-full.css.