<!--
 * @Date: 2021-11-30 18:18:48
 * @LastEditors: JinxChen
 * @LastEditTime: 2022-08-06 15:48:10
 * @FilePath: \telpoAdminTemplate\src\components\TopMenu\index.vue
 * @description: 头部组件
-->
<template>
    <div class="btn-container">
        <!-- 操作 -->
        <!-- 按钮 -->
        <el-button
            class="filter-item"
            v-for="(item,index) in buttonList"
            :key="index"
            :type="item.type"
            :icon="item.icon"
            size="small"
            @click="item.click"
        >{{item.name}}</el-button>
    </div>
</template>

<script>
export default {
    name: "topMenu",
    props: {
        buttonList: {
            type: Array,
            default(){
              return []
            }
        }
    },
    data() {
        return {};
    }
};
</script>

<style scoped lang="scss">
  .btn-container {
    padding: 0 0 0 20px;
    .el-button {
      margin: 0 5px 10px 0px;
    }
  }
</style>
