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

版本

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

否则无法正常绘制按钮

extjs scss toolbar ui 源码

0 人点赞