index.vue 994 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <!-- 顶部标题 -->
  3. <div class="layout">
  4. <div class="content">
  5. <!-- <el-menu default-active="2" class="el-menu-vertical-demo" router>
  6. <el-menu-item index="/workFixture">
  7. <i class="el-icon-setting"></i>
  8. <span slot="title">工装夹具</span>
  9. </el-menu-item>
  10. </el-menu> -->
  11. <main>
  12. <router-view></router-view>
  13. </main>
  14. </div>
  15. </div>
  16. </template>
  17. <script lang="ts">
  18. import { defineComponent } from "vue";
  19. export default defineComponent({
  20. name: "Layout",
  21. components: {},
  22. });
  23. </script>
  24. <style scoped lang="scss">
  25. .layout {
  26. height: 100%;
  27. display: flex;
  28. flex-direction: column;
  29. }
  30. .title-top {
  31. background-color: #363636;
  32. // height: 40px;
  33. display: flex;
  34. align-items: center;
  35. padding: 10px 20px;
  36. color: #e7e7e7;
  37. }
  38. .content {
  39. flex: 1;
  40. display: flex;
  41. main {
  42. flex: 1;
  43. background-color: #f5f9ff;
  44. padding: 10px 10px;
  45. }
  46. }
  47. .el-menu-vertical-demo {
  48. width: 140px;
  49. }
  50. </style>