Extjs 4按钮颜色使用SASS问题？

Question

我是Sankar.I。我试图使用SASS.But给一个特定的Extjs按钮着色。我无法找到solution.Please，请帮助我。我给出了以下代码。

$base-color: #5291C5;

@import 'compass';
@import 'ext4/default/all';

@include extjs-button-ui(
    'smallbtn',  
    $border-radius: 10px,
    $border-color: #A52A2A,
    $background-color: #A52A2A,
    $color: #A52A2A

    enter code here
);

额外信息

感谢您的回复。我给出了@include @import 'ext4/default/all'；在bottom.Then它显示了一些语法错误。我无法获得this.The要求的解决方案，因为我创建了一个类似于{ text：'Retrieve'，id：'btnConsolidatedRetrieve'，ui:'green‘}我给出的.scss文件是

$include-default: false;


$base-color: #5291C5;

@import 'compass';
@import 'ext4/default/all';

@include extjs-boundlist;
@include extjs-button;
@include extjs-btn-group;
@include extjs-datepicker;
@include extjs-colorpicker;
@include extjs-menu;
@include extjs-grid;
@include extjs-form;
@include extjs-form-field;
@include extjs-form-fieldset;
@include extjs-form-file;
@include extjs-form-checkboxfield;
@include extjs-form-checkboxgroup;
@include extjs-form-triggerfield;
@include extjs-form-htmleditor;
@include extjs-panel;
@include extjs-qtip;
@include extjs-slider;
@include extjs-progress;
@include extjs-toolbar;
@include extjs-window;
@include extjs-messagebox;
@include extjs-tabbar;
@include extjs-tab;
@include extjs-tree;
@include extjs-drawcomponent;
@include extjs-viewport;


@include extjs-button-ui(
'green',  

$border-color: #CC00FF
);

$relative-image-path-for-uis: true; 

在给出这个后，"tbar“不是changing.Please给我一个简单的例子，我找不到这个ui的工具栏按钮。

Answer 1

除非您确保@import 'ext4/default/all';行位于最底部，否则此代码将不起作用。之后声明的任何内容都不会对从_all.scss导入的变量生效，因为_all.scss中的混合需要在编译这些值之前访问这些值。您当然可以在import all行之后声明您自己的代码，如果处理小部件等不需要它的话。

此外，在执行compass compile时，请检查终端中的错误消息，因为这通常会捕获语法错误或错误的图像urls。

下面的两篇文章将为您提供更多帮助。它们对我来说是无价的，因为我学会了如何为ExtJS制作SASS UI：

http://existdissolve.com/2011/09/extjs-4-theming-getting-this-thing-to-go/

http://existdissolve.com/2011/09/extjs-4-theming-custom-uis/