Mobile 用户或配置文件选项卡图标不可见

我是sencha touch的新手，希望有三个选项卡图标，即主页、个人资料/用户和相机。

home

图标当前可见，但

Profile/User

不可见。如何将

个人资料/用户

和

相机

的图标添加到sencha touch中的选项卡

这是我的Profile.js代码

Ext.define('find.view.Profile' , {
extend: 'Ext.Panel',
xtype: 'profile',

config: {
    title: 'Profile',
    iconCls: 'user',
    layout: 'fit',
    scrollable: true,
    styleHtmlContent: true,
    styleHtmlCls: 'profilepage',
    html: ['<h1>Profile</h1>'].join('')
}
});

Ext.define（'find.view.Profile'{
扩展：“Ext.Panel”，
xtype:“配置文件”，
配置：{
标题：“个人资料”，
iconCls:'用户'，
布局：“适合”，
可滚动：对，
styleHtmlContent:对，
styleHtmlCls:“profilepage”，
html:['Profile'].join（''）
}
});

您可以在ST应用程序中使用的所有图标都位于目录中

resources/themes/images/default/pictos

但是，默认情况下，并不是所有内容都包含在应用程序主题中。 为了包含这些附加图标，您需要包含该行

@include pictos-iconmask(<YOUR_ICON>);

@包括pictos-iconmask（）；

在app.scss文件中，然后使用COMPASS编译主题。 如果你对Sencha Touch一点都不熟悉，我强烈建议你看一下SenchaCon 2011关于如何设计ST应用程序的视频

---

PS：请注意，“pictos iconmask”mixin仅在ST<2.2.0.alpha上工作，因为在此版本中，由于集成了。

您可以在ST应用程序中使用的所有图标都位于目录中，因此它已被弃用

resources/themes/images/default/pictos

但是，默认情况下，并不是所有内容都包含在应用程序主题中。 为了包含这些附加图标，您需要包含该行

@include pictos-iconmask(<YOUR_ICON>);

@包括pictos-iconmask（）；

在app.scss文件中，然后使用COMPASS编译主题。 如果你对Sencha Touch一点都不熟悉，我强烈建议你看一下SenchaCon 2011关于如何设计ST应用程序的视频

---

PS：请注意，“pictos iconmask”mixin仅在ST<2.2.0.alpha上工作，因为在此版本中，由于集成了。

您需要使用

pictos

。在此之前，您需要安装

Ruby

，以及

Sass

和

Compass

。按照本教程添加新图标遮罩：

---

您需要使用

pictos

。在此之前，您需要安装

Ruby

，以及

Sass

和

Compass

。按照本教程添加新图标遮罩：

---

相机不作为iconCls提供。支持以下图标（）：

---

要设置您自己的图标样式，请查看

@Andrea Cammarata

和

@user1479606

答案相机不作为iconCls提供。支持以下图标（）：

---

要设置您自己的图标样式，请查看

@Andrea Cammarata

和

@user1479606

答案如果您想添加自定义图标（未在pictos中列出），请使用此css代替somename名称使用您的名称作为图标

.x-tab.x-button-icon.somename、.x-button.x-button-icon.x-icon-mask.somename{-webkit-mask-image:url（'path-to-image/facebook-icon.png'）}

并将其用作

iconCls: 'somename',

---

如果您想添加自定义图标（在pictos中未列出），请使用此css代替somename使用您的名称作为图标

.x-tab.x-button-icon.somename、.x-button.x-button-icon.x-icon-mask.somename{-webkit-mask-image:url（'path-to-image/facebook-icon.png'）}

并将其用作

iconCls: 'somename',

---

您是否使用tabpanel作为父级？现在用户工作正常。但我正在努力与相机图标。你能告诉我照相机的类名是什么吗？我正在尝试这些类

cam、camera、photo、pic、picture

，但它们都不工作。您是否使用tabpanel作为父级？现在用户工作正常。但我正在努力与相机图标。你能告诉我照相机的类名是什么吗？我正在尝试这些类

cam、camera、photo、pic、picture

，但它们都不起作用。我使用的是sencha touch 2.1，资源文件夹中没有主题文件夹。然后有些东西就乱套了！文件夹是“主题”而不是“主题”。再次下载ST SDK，将其解压缩，您将看到提到的文件夹。我使用的是sencha touch 2.1，资源文件夹中没有主题文件夹。然后出现了一些问题！文件夹是“主题”而不是“主题”。再次下载ST SDK，解压缩它，您将看到提到的文件夹。