0

我使用 Sencha 命令为我生成了应用程序，现在正在使用他们的 Sass/Css 文档对其进行品牌化。您应该能够使用 Sencha mixin 来更改标签栏中默认图标的 bg 颜色：

@include mask-by-background($bg-color, $contrast, $style);

但是，无论我使用什么变量和值的组合，我总是得到编译错误“错误 app.scss（_gradients.scss 的第 38 行：属性只允许在规则、指令、mixin 包含或其他属性中使用。）”我我正在使用 Sencha Touch、SDK 和 Sencha 命令的最新版本。

以下是我迄今为止尝试过的一些方法：

$bg-color: #f2f2f2;
@include mask-by-background($bg-color, 80%, 'matte');


$bg-color: #f2f2f2;
@include mask-by-background($bg-color, $contrast: 80%, 'matte');


$bg-color: #f2f2f2;
@include mask-by-background($bg-color, $contrast: 80%, $style:'matte');

我什至尝试过：

$bg-color: #f2f2f2;
$contrast: 80%;
@include mask-by-background($bg-color, $contrast, 'matte');

我正在尝试使用指南针来更改 CSS，而不必编写像“.x-tabbar-red.x-doked-bottom .x-tab-active .x-button-icon”这样的巨大规则来覆盖样式。有什么想法吗？

4

1 回答 1

0

这是我一直用来改变标签面板和相应图片的背景。

$base-color: #fff;
$active-color: #08ae2d;

$base-gradient: 'glossy';
$tabs-dark: darken($base-color, 80%);
$tabs-dark-active-color: saturate($active-color, 20%);
$tabs-bottom-active-gradient: 'recessed';

这是我的深色主题，您肯定会根据需要更改颜色级别。有关与 tabBar 相关的 css mixins 的更多信息，您可以参考链接

于 2013-02-02T06:50:48.517 回答