github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-09 16:05:37 +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" trigger="click"
class="menu-dropdown" class="menu-dropdown"
@command="onClick"> @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"> <EDropdownMenu slot="dropdown">
<EDropdownItem <EDropdownItem
v-for="(d, k) in item.children" v-for="(d, k) in item.children"
@ -34,11 +43,17 @@
</EDropdownMenu> </EDropdownMenu>
</EDropdown> </EDropdown>
<i <i
v-else v-else-if="isAliIcon(item.icon)"
class="aliicon menu-icon" class="aliicon menu-icon"
v-html="item.icon" v-html="item.icon"
:style="item.style || {}" :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> </ETooltip>
</div> </div>
</div> </div>
@ -111,6 +126,9 @@ Vue.use(VueResizeObserver);
} }
}, },
methods: { methods: {
isAliIcon(icon) {
return $A.leftExists(icon, '&#')
},
handleIn() { handleIn() {
if (this.$refs.action.offsetWidth != this.width) { if (this.$refs.action.offsetWidth != this.width) {
this.onUpdate(); this.onUpdate();

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

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