<template>
  <el-tabs v-model="activeName">
    <!-- 1好办后台2应用后台3好办小程序4小程序应用 -->
    <el-tab-pane label="好办后台" name="first" lazy>
      <menu-list app-type="1"></menu-list>
    </el-tab-pane>
    <el-tab-pane label="应用后台" name="second" lazy>
      <menu-list app-type="2"></menu-list>
    </el-tab-pane>
    <el-tab-pane label="好办小程序" name="third" lazy>
      <menu-list app-type="3"></menu-list>
    </el-tab-pane>
    <el-tab-pane label="好办小程序应用" name="fourth" lazy>
      <menu-list app-type="4"></menu-list>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import menuList from './menu-config/menu-list.vue';
export default {
  name: 'MenuConfig',
  components: { menuList },
  data() {
    return {
      activeName: 'first'
    };
  }
};
</script>

<style lang="less" scoped>
/deep/.el-tabs__header {
  padding-top: 10px;
  margin-bottom: 0;
}
</style>
