提交 e53ba2a5 编写于 作者: M maguohua

add avator

上级 0c52f54f
<template>
<div class="header_container">
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>活动管理</el-breadcrumb-item>
<el-breadcrumb-item>活动列表</el-breadcrumb-item>
<el-breadcrumb-item>活动详情</el-breadcrumb-item>
</el-breadcrumb>
<el-dropdown @command="handleCommand" menu-align='start'>
<img src="../assets/img/avator.jpg" class="avator">
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="home">首页</el-dropdown-item>
<el-dropdown-item command="singout">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
<script>
export default {
methods: {
handleCommand(command) {
this.$message(command);
}
}
}
</script>
<style lang="less">
@import '../style/mixin';
.header_container{
background-color: #EFF2F7;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 20px;
}
.avator{
.wh(36px, 36px);
border-radius: 50%;
margin-right: 30px;
}
.el-dropdown-menu__item{
text-align: center;
}
</style>
<template>
<div class="fillcontain">
home
<div class="fillcontain home_page">
<head-top></head-top>
</div>
</template>
<script>
import headTop from '../components/headTop'
export default {
components: {
headTop,
}
}
</script>
<style lang="less">
@import '../style/mixin';
.home_page{
}
</style>
<template>
<div class="home_page fillcontain">
<div class="manage_page fillcontain">
<el-row style="height: 100%;">
<el-col :span="4" style="min-height: 100%; background-color: #324057;">
<el-menu default-active="manage" style="min-height: 100%;" theme="dark" router>
......@@ -53,7 +53,7 @@
<style lang="less" scoped>
@import '../style/mixin';
.home_page{
.manage_page{
}
</style>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册