0

Sencha コマンドを使用してアプリを生成し、Sass/Css ドキュメントを使用してブランド化しています。タブバーのデフォルト アイコンの背景色を変更するために、Sencha mixin を使用できるはずです。

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

ただし、使用する変数と値の組み合わせに関係なく、常にコンパイル エラー「エラー app.scss (Line 38 of _gradients.scss: Properties are only allowed within rules, directives, mixin includes, or other properties.)」が発生します。 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');

「.x-tabbar-red.x-docked-bottom .x-tab-active .x-button-icon」のような巨大なルールを記述してスタイリングをオーバーライドする代わりに、コンパスを使用して css を変更しようとしています。何かご意見は?

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ミックスインの詳細については、リンクを参照してください。

于 2013-02-02T06:50:48.517 に答える