SEEC-II-FrontEnd/src/views/teacher/Dashboard/index.vue

<template>
  <div>
    <page-header :routes="[{ name: '小白大王的工作台', path: 'dashboard/' }]">
      <template slot="title">
        工作台
      </template>
      <template slot="content">
        当前<strong>&nbsp;5&nbsp;</strong>份作业进行中
      </template>
    </page-header>
    <page-body>
      <div class="data-table">
        <div class="subtitle">代码作业</div>
        <div class="columns is-multiline is-desktop">
          <div class="column is-4"><card hoverable>代码作业一</card></div>
          <div class="column is-4"><card hoverable>代码作业二</card></div>
          <div class="column is-4"><card hoverable>代码作业三</card></div>
        </div>
        <div class="subtitle">文档作业</div>
        <div class="columns is-multiline is-desktop">
          <div class="column is-4"><card hoverable>文档作业一</card></div>
        </div>
        <div class="subtitle">互评作业</div>
        <div class="columns is-multiline is-desktop">
          <div class="column is-4"><card hoverable>互评作业一</card></div>
        </div>
      </div>
    </page-body>
  </div>
</template>
<script>
import PageHeader from "@/components/PageHeader";
import PageBody from "@/components/PageBody/index";
import Card from "@/components/Card";
export default {
  components: {
    PageBody,
    PageHeader,
    Card
  }
};
</script>
<style lang="scss" scoped>
.subtitle {
  width: 100%;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}
</style>