<template>
  <div class="page-wrapper">
    <!--  header  -->
    <headerCom title="月报" sub-title="新建月报" />
    <!--  content  -->
    <div class="content-wrapper">
      <el-button size="small">默认按钮</el-button>
      <el-button type="primary" size="small">主要按钮</el-button>
      <el-button type="success" size="small">成功按钮</el-button>
      <el-button type="info" size="small">信息按钮</el-button>
      <el-button type="warning" size="small">警告按钮</el-button>
      <el-button type="danger" size="small"> 危险按钮</el-button>
    </div>
  </div>
</template>

<script type="text/javascript">
import headerCom from '../../components/header'

export default {
  name: '',
  components: {
    headerCom
  },
  data() {
    return {}
  }
}
</script>
<style scoped lang="less">
@import '../../style';
</style>
