<template>
  <el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false" background-color="#fff" text-color="#fff"
           @select="handleSelect" active-text-color="#ffd04b">
    <el-menu-item style="font-size: 20px; color: #ffd04b;width: 300px;height: 55px" index="0">
      <img src="@/assets/icons/svg/logo_left.png" v-if="true" class="image">
      <img src="@/assets/icons/svg/logo_font.png" v-if="true" class="image_font">
      <span v-if="false" style="{width: 189px;height: 55px}">
SILKBOX  </span>
    </el-menu-item>
    <submenu :item="jsonData.top">
    </submenu>
    <!-- -->
    <el-submenu index="1" style="color:#389F37;width: 160px">
      <template>
        <el-icon style="width: 33px;height: 33px;margin-right: 10px">
          <i class="el-icon-user" style="color:#389F37;">
          </i>
        </el-icon>
        <span class="login_icon">
{{ username }}  </span>
        <img src="@/assets/icons/svg/down.png" style="width: 15px;height: 8px;margin-left: 10px">
      </template>
      <el-menu-item index="1-1" style="color:#389F37">
        个人中心
      </el-menu-item>
      <el-menu-item index="1-2" style="color:#389F37">
        登出
      </el-menu-item>
    </el-submenu>
  </el-menu>
</template>
<script src="./topNav.js">
</script>
<style scoped src="./topNav.css">
</style>