ExtJS-自定义组件的UI

转载请注明出处:https://www.cnblogs.com/cqpanda/p/17031484.html
ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

更新记录
2023年1月6日 从笔记迁移到博客。

定义SCSS

@include extjs-panel-ui(
	$ui:'featuredpanel',
	$ui-header-background-color: #5e1b5e,
	$ui-border-color: #5e1b5e,
	$ui-header-border-color: #5e1b5e,
	$ui-body-border-color: #5e1b5e,
	$ui-border-width: 5px,  $ui-border-radius: 4px
);

在组件中使用

{
    xtype: 'panel', 
    ui:'featuredpanel',
    frame: true,
}