代码更新

suerprisePlus

2024-06-05 5bbdc2dd07a05c9953df1a9125dd9cb894212c08

 src/App.vue

@@ -1,23 +1,34 @@
<template>

  <div id="app">

    <home-page></home-page>

    <el-container class="container">

      <el-aside class="leftMenu">

         <left-menu></left-menu>

      </el-aside>

      <el-main class="contMain">

        <el-container class="contBox">

          <el-header class="header">



          </el-header>

          <el-main class="mainBox">

            <router-view />

          </el-main>

        </el-container>

      </el-main>

    </el-container>

  </div>

</template>



<script>

import homePage from './views/homePage/index.vue'

 import leftMenu from './views/menu/leftMenu.vue'

export default {

  components:{

    homePage

    leftMenu

  },

  data() {

    return {

    }

    return {};

  },

  methods: {

  }



}

  methods: {}

};

</script>

<style  >

#app {

@@ -25,4 +36,32 @@
  height: 100vh;

  overflow: hidden;

}

.container {

  width: 100%;

  height: 100%;

  position: absolute;

}

.leftMenu {

  width: 62px !important;

  height: 100%;

}

.contMain {

  width: calc(100% - 62px);

  height: 100%;

  padding: 0px !important;

}

.contBox {

  width: 100%;

  height: 100%;

}

.header {

  width: 100%;

  height: 36px !important;

  background: #63a103;

}

.mainBox {

  width: 100%;

  height: calc(100% - 36px) !important;

  padding: 0px !important;

}

</style>