CSS中引入了两张自定义图片,再使用时自行添加,虽然文件命令为scss,但写法为css写法,通用。具体样式解释查看css文件的注释
Main.vue
<template>
<el-container>
<el-header id="Header">
<el-headbody></el-headbody>
</el-header>
<el-container id="content">
<el-aside id="aside" :class='isCollapse?"m-open":"m-close"' :isCollapse="isCollapse">
<div class="close-menu" :class='isCollapse?"m-open":"m-close"' @click="isCollapse=!isCollapse"><el-button size="mini">折叠</el-button></div>
<el-menu :isCollapse="isCollapse"></el-menu>
</el-aside>
<el-main id="main">
<app-view></app-view>
</el-main>
</el-container>
</el-container>
</template>
<script type="text/javascript">
import