extjs7 classic工具欄按鈕自定義樣式

EXTJS 7.4.0 CLASSIC

.scss

@include extjs-button-toolbar-small-ui(
        $ui: 'toolbutton', // 自定義的UI名稱
        $font-size: 24px,
        $padding: 5px 10px 5px 10px,
        $background-color: transparent,
        $glyph-color: white,
        $border-color: transparent
);

.js

{
	xtype: 'toolbar',
	defaultButtonUI: 'toolbutton-toolbar',
	items:[]
}

注：在工具欄按鈕上使用自定義UI時，必須加上尾綴

-toolbar

否則無法正常繪制按鈕