<template>
  <div>
    <!-- 展开图标和logo -->
    <slot name="left"></slot>

    <!-- 导航菜单 -->
    <slot name="middle"></slot>
     <!-- 外链 -->
    <slot name="icon-outside"></slot>
    <!-- 返回 -->
    <slot name="icon-home"></slot>  

    <!-- 搜索框 -->
    <slot name="nav-input"></slot>
    
    <!-- 任务图标 -->
    <!-- <slot name="icon-task"></slot> -->
    <!-- 消息 -->
    <messgeListPanel ></messgeListPanel>  
    
    <!-- 个人设置 -->
    <slot name="icon-person"></slot>
  </div>
</template>

<script type="text/ecmascript-6">
import messgeListPanel from '../component/customizedContent/messgeListPanel.vue'; 
export default {
  components: {
    messgeListPanel,
  },
}
</script>

<style lang="scss" scoped>
  
</style>