Files
deShanXiao/frontEnd/src/components/table/toolBar/baseToolBar.vue

27 lines
656 B
Vue

<template>
<el-row>
<el-col :span="24" class="tool-bar">
<el-tooltip placement="top" effect="light">
<template #content>刷新</template>
<el-button size="small" @click="emits('refresh')">
<el-icon><Refresh /></el-icon>
</el-button>
</el-tooltip>
<slot></slot>
<div style="position: absolute; right: 15px">
<slot name="rightContent"></slot>
</div>
</el-col>
</el-row>
</template>
<script lang="ts" setup>
const emits = defineEmits(["refresh", "downCurrent", "downAll"]);
</script>
<style lang="scss" scoped>
.tool-bar {
display: flex;
align-items: center;
}
</style>