<template>
  <div>
    <el-row>
      <el-col :span="24">
        <el-menu default-active="2" mode="horizontal" @select="handleSelect">
          <el-menu-item index="1">EVM应用开发者中心</el-menu-item>
          <el-menu-item index="2">首页</el-menu-item>
          <el-submenu index="3">
            <template slot="title">管理应用</template>
            <el-menu-item index="3-1">我的应用</el-menu-item>
            <el-menu-item index="3-2">上传新应用</el-menu-item>
            <el-menu-item index="3-3">认领应用</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">开发者身份管理</template>
            <el-menu-item index="4-1">开发者实名认证</el-menu-item>
            <el-menu-item index="4-2">查看开发者身份</el-menu-item>
            <el-menu-item index="4-3">更换认证支付宝账号</el-menu-item>
            <el-menu-item index="4-4">修改联系人信息</el-menu-item>
          </el-submenu>
          <el-submenu index="5">
            <template slot="title">推广</template>
            <el-menu-item index="5-1">申请推广</el-menu-item>
            <el-menu-item index="5-2">应用推广</el-menu-item>
            <el-menu-item index="5-3">礼包权益</el-menu-item>
          </el-submenu>
          <el-submenu index="6">
            <template slot="title">我的账户</template>
            <el-menu-item index="6-1">我的充值记录</el-menu-item>
            <el-menu-item index="6-2">我的收益</el-menu-item>
            <el-menu-item index="6-3">开发票</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-col>
    </el-row>
    <div class="content-wrap">
        <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "DevLayout",
  data: () => {
    return {};
  },
  mounted() {},
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>

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