extjs7 classic工具栏按钮自定义样式

2021-12-07 16:19:07 浏览数 (3)

版本

EXTJS 7.4.0 CLASSIC

源码

.scss

代码语言:javascript复制
@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

代码语言:javascript复制
{
	xtype: 'toolbar',
	defaultButtonUI: 'toolbutton-toolbar',
	items:[]
}

注:在工具栏按钮上使用自定义UI时,必须加上尾缀

-toolbar

否则无法正常绘制按钮

0 人点赞