提交 8c8ce525 编写于 作者: RedPing97's avatar RedPing97

优化图标菜单---fix2

上级 8ba3c261
...@@ -17,7 +17,13 @@ ...@@ -17,7 +17,13 @@
v-else v-else
> >
<div @click="menuClick(item.name,[item.name])" class="menuIcon" > <div @click="menuClick(item.name,[item.name])" class="menuIcon" >
<span> <span v-if="isIcon(item.icon,item.iconcls)">
<i :class="item.icon" v-if="!Object.is(item.icon, '')" />
<i :class="item.iconcls" v-else-if="!Object.is(item.iconcls, '')" />
<i class="fa fa-cogs" v-else></i>
</span>
<span v-else>
<img :src="item.icon" v-if="!Object.is(item.icon, '')" /> <img :src="item.icon" v-if="!Object.is(item.icon, '')" />
<img :src="item.iconcls" v-else-if="!Object.is(item.iconcls, '')" /> <img :src="item.iconcls" v-else-if="!Object.is(item.iconcls, '')" />
<i class="fa fa-cogs" v-else></i> <i class="fa fa-cogs" v-else></i>
...@@ -35,6 +41,15 @@ import { Component, Vue, Prop, Model, Watch } from "vue-property-decorator"; ...@@ -35,6 +41,15 @@ import { Component, Vue, Prop, Model, Watch } from "vue-property-decorator";
@Component({}) @Component({})
export default class AppQuickMenus extends Vue { export default class AppQuickMenus extends Vue {
public isIcon( icon: string,iconcls: string) {
if (icon.indexOf("fa") == 0 || iconcls.indexOf("fa") == 0) {
return true;
}else {
return false;
}
}
public menuClick(index: any,indexs: any[]) { public menuClick(index: any,indexs: any[]) {
this.$emit("menuClick",index,indexs); this.$emit("menuClick",index,indexs);
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册