lxm--工具栏按钮样式支持

src/crm-core/components/app-header-menus/app-header-menus.tsx

@@ -194,19 +194,19 @@ export class AppHeaderMenus extends Vue {
     protected renderMenuItem(item: any): any {
         if (Object.is(this.mode, 'default')) {
             if (item.caption && !Object.is(item.caption, '')) {
-                return <div class="app-header-menu-item text" disabled={item.disabled} on-click={() => this.menuClick(item)}>
+                return <div class={"app-header-menu-item text"+item.class} disabled={item.disabled} on-click={() => this.menuClick(item)}>
                     {this.renderIcon(item)}
                     <div class="app-header-menu-item-text">{item.caption}</div>
                 </div>;
             } else {
-                return <div class="app-header-menu-item icon" disabled={item.disabled} on-click={() => this.menuClick(item)}>
+                return <div class={"app-header-menu-item icon"+item.class} disabled={item.disabled} on-click={() => this.menuClick(item)}>
                     <el-tooltip class="item" effect="dark" content={item.tooltip} placement="bottom" open-delay={300}>
                         {this.renderIcon(item)}
                     </el-tooltip>
                 </div>;
             }
         } else if (Object.is(this.mode, 'view') || Object.is(this.mode, 'view2')) {
-            const button: any = <i-button class="app-header-view-menu-item" type={this.isModeOne() ? 'text' : 'default'} disabled={item.disabled} on-click={() => this.menuClick(item)}>
+            const button: any = <i-button class={"app-header-view-menu-item"+item.class} type={this.isModeOne() ? 'text' : 'default'} disabled={item.disabled} on-click={() => this.menuClick(item)}>
                {item.isShowIcon?this.renderIcon(item):null}
                {item.isShowCaption?item.caption:null}
             </i-button>;