Question

我使用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-docked-bottom .x-tab-active .x-button-icon”那样编写巨大的规则来覆盖造型。有什么想法吗？

Answer 1

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

$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的更多信息，您可以参考the link

尝试在Sencha Touch 2中更改tabBar图标背景颜色（使用Sass）时编译错误

1 个答案: