github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-09 07:55:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 优化TableAction组件

Browse Source
This commit is contained in:
kuaifan 2022-03-08 14:36:20 +08:00
parent 01a2244fed
commit 39cd9f4a44
2 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resources/assets/js/components/TableAction.vue
View File

@ -21,7 +21,16 @@
trigger="click"
class="menu-dropdown"
@command="onClick">
<i class="aliicon menu-icon" v-html="item.icon" :style="item.style || {}"></i>
<i
v-if="isAliIcon(item.icon)"
class="aliicon menu-icon"
v-html="item.icon"
:style="item.style || {}"/>
<Icon
v-else
class="menu-icon"
:type="item.icon"
:style="item.style || {}"/>
<EDropdownMenu slot="dropdown">
<EDropdownItem
v-for="(d, k) in item.children"
@ -34,11 +43,17 @@
</EDropdownMenu>
</EDropdown>
<i
v-else
v-else-if="isAliIcon(item.icon)"
class="aliicon menu-icon"
v-html="item.icon"
:style="item.style || {}"
@click="onClick(item.action)"></i>
@click="onClick(item.action)"/>
<Icon
v-else
class="menu-icon"
:type="item.icon"
:style="item.style || {}"
@click="onClick(item.action)"/>
</ETooltip>
</div>
</div>
@ -111,6 +126,9 @@ Vue.use(VueResizeObserver);
}
},
methods: {
isAliIcon(icon) {
return $A.leftExists(icon, '&#')
},
handleIn() {
if (this.$refs.action.offsetWidth != this.width) {
this.onUpdate();

3
resources/assets/sass/pages/common.scss vendored
View File

@ -133,6 +133,9 @@ body {
cursor: pointer;
font-size: 21px;
padding: 0 6px;
&.ivu-icon {
font-size: 16px;
}
}
}
}