UserNav.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div>
  3. <div class="back-home">
  4. <el-button size="small" @click="$router.push({ path: '/' })">返回首页</el-button>
  5. </div>
  6. <el-menu text-color="#000000" :router="true">
  7. <el-menu-item index="1" :route="{ path: '/my/home' }">
  8. <i class="el-icon-document"></i>
  9. <span slot="title">我的账号</span>
  10. </el-menu-item>
  11. <el-menu-item index="2" :route="{ path: '/my/apps' }">
  12. <i class="el-icon-goods"></i>
  13. <span slot="title">我的应用</span>
  14. </el-menu-item>
  15. <el-menu-item index="3" :route="{ path: '/my/ownapps' }">
  16. <i class="el-icon-sold-out"></i>
  17. <span slot="title">已购买应用</span>
  18. </el-menu-item>
  19. <el-menu-item index="4" :route="{ path: '/app/submit' }">
  20. <i class="el-icon-upload"></i>
  21. <span slot="title">提交应用</span>
  22. </el-menu-item>
  23. </el-menu>
  24. </div>
  25. </template>
  26. <style scoped>
  27. .back-home {
  28. padding: 15px 20px;
  29. }
  30. .back-home .el-button {
  31. width: 120px;
  32. background: #0462EF;
  33. color: #FFFFFF;
  34. font-size: 16px;
  35. }
  36. </style>