Layout.vue 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <el-container style="height: 100vh; border: 1px solid #eee">
  3. <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
  4. <el-menu :default-openeds="['1', '3']" unique-opened router>
  5. <!-- <el-submenu index="1">
  6. <template slot="title"><i class="el-icon-message"></i>导航一</template>
  7. <el-menu-item index="path1">path1</el-menu-item>
  8. <el-menu-item index="path2">path2</el-menu-item>
  9. </el-submenu> -->
  10. <el-menu-item index="knowledgeSearch">知识搜索</el-menu-item>
  11. <el-menu-item index="knowledgeSearch">知识搜索</el-menu-item>
  12. <!-- <el-submenu index="2">
  13. <template slot="title"><i class="el-icon-menu"></i>导航二</template>
  14. <el-menu-item index="2-1">选项1</el-menu-item>
  15. <el-menu-item index="2-2">选项2</el-menu-item>
  16. <el-menu-item index="2-3">选项3</el-menu-item>
  17. </el-submenu> -->
  18. </el-menu>
  19. </el-aside>
  20. <el-container>
  21. <el-main>
  22. <router-view></router-view>
  23. </el-main>
  24. </el-container>
  25. </el-container>
  26. </template>
  27. <script>
  28. export default {
  29. data() {
  30. return {
  31. }
  32. }
  33. };
  34. </script>
  35. <style>
  36. </style>