提交 0895e67b 编写于 作者: WodahsOrez's avatar WodahsOrez

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

上级 12ed1899
...@@ -194,19 +194,19 @@ export class AppHeaderMenus extends Vue { ...@@ -194,19 +194,19 @@ export class AppHeaderMenus extends Vue {
protected renderMenuItem(item: any): any { protected renderMenuItem(item: any): any {
if (Object.is(this.mode, 'default')) { if (Object.is(this.mode, 'default')) {
if (item.caption && !Object.is(item.caption, '')) { 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)} {this.renderIcon(item)}
<div class="app-header-menu-item-text">{item.caption}</div> <div class="app-header-menu-item-text">{item.caption}</div>
</div>; </div>;
} else { } 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}> <el-tooltip class="item" effect="dark" content={item.tooltip} placement="bottom" open-delay={300}>
{this.renderIcon(item)} {this.renderIcon(item)}
</el-tooltip> </el-tooltip>
</div>; </div>;
} }
} else if (Object.is(this.mode, 'view') || Object.is(this.mode, 'view2')) { } 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.isShowIcon?this.renderIcon(item):null}
{item.isShowCaption?item.caption:null} {item.isShowCaption?item.caption:null}
</i-button>; </i-button>;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册