love-donation-portal/src/views/Home.vue

<template>
  <div>
    <el-breadcrumb separator=">">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item><a href="/">控制台</a></el-breadcrumb-item>
    </el-breadcrumb>
    <el-divider></el-divider>
    <el-card class="diagram">
      <div slot="header" class="header">
        <span>系统使用情况</span>
      </div>
      
    </el-card>
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'home',
  data() {
    return {
      
    };
  }
}
</script>
<style lang="scss" scoped>
.el-breadcrumb{
  margin: 10px;
  line-height: 20px;
}

.el-divider{
  margin:5px 0;
}

.header{
  text-align: left;
}

.diagram{
  margin: 20px 20px;
  width: 600px;
  height:400px;
}
</style>