本文介绍了更改Sencha Touch Ext.TabPanel的颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
new Ext.TabPanel({
fullscreen: true,
cardSwitchAnimation: 'slide',
ui: 'dark',
items: [home, about]
});
对于ui
,我可以指定Like,而不是深色和浅色吗?如何使其成为我们选择的特定颜色或背景图像?
谢谢。
推荐答案
您需要做的是使用sass和指南针定义一个新的UI类型。因此,您必须熟悉这些框架。如果您已经安装了这些工具,并且您已经知道如何创建应用程序主题CSS,则可以在主题.sass文件中添加以下行来定义自定义UI
@include sencha-tabbar-ui('myUI', $tabs-myUI, $tabs-bar-gradient, $tabs-myUI-active);
如您所见,我正在使用一些变量来设置所需的样式。具体内容:
- $tabs-myUI:是"myUI"UI选项卡的基本颜色。
- $TABS-BAR-GRIDENT:选项卡栏的背景渐变样式。
- $tabs-myUI-active:是"轻"UI选项卡的活动颜色。
您可以定义需要多少种不同的用户界面,并通过以下方式在代码中使用它们:
new Ext.TabPanel({
fullscreen: true,
cardSwitchAnimation: 'slide',
ui: 'myUI',
items: [home, about]
});
这是Sencha的官方做法。
希望这能有所帮助。
这篇关于更改Sencha Touch Ext.TabPanel的颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!