<template>
  <div class="common-layout">
    <el-container>
    <!-- 左侧导航栏 -->
      <el-aside class="nav-aside">
        <Appaside></Appaside>
      </el-aside>
      <!-- 右侧主体内容 -->
      <el-main class="nav-main">
        <router-view />
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
import Appaside from "/src/components/Appaside.vue";


</script>

<style lang="less">
body,
html {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
}
.common-layout {
  width: 100vw;
  height: 100vh;
  background-image: url(../assets/bg.png);
  background-size: 100% 100%;
}
.nav-main {
  width: 95vw;
  height: 100vh;
}
.nav-aside {
  width: 5vw;
  height: 100vh;
  // background-image: linear-gradient(0deg, @bg-Sidebar-color-top, @bg-color);
  // border: 2px solid @border-color;
}
</style>