vue侧边栏个头部固定(elementUi)
效果图
<template>
<div class="home-page">
<el-container ref="homePage">
<el-aside width="200px" style="background-color: rgb(84, 92, 100);">
<div class="top-logo">
<img src="../assets/logo.png" alt="">
</div>
<el-menu
:default-openeds="['1','2', '3']"
default-active="2"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b">
<el-submenu index="1">
<template slot="title"><i class="el-icon-message"></i>导航一</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<template slot="title">选项4<