<template>
    <div>
        <Row :gutter="10">
            <Col span="6">
                <Card shadow :bordered="false" class="color1 fontcolor">
                    <div style="text-align:center">
                        <p>统计数据</p>
                    </div>
                </Card>
            </Col>
            <Col span="6">
                <Card shadow :bordered="false" class="color2 fontcolor">
                    <div style="text-align:center">
                        <p>统计数据</p>
                    </div>
                </Card>
            </Col>
            <Col span="6">
                <Card shadow :bordered="false" class="color1 fontcolor">
                    <div style="text-align:center">
                        <p>统计数据</p>
                    </div>
                </Card>
            </Col>
            <Col span="6">
                <Card shadow :bordered="false" class="color2 fontcolor">
                    <div style="text-align:center">
                        <p>统计数据</p>
                    </div>
                </Card>
            </Col>
        </Row>
    </div>
</template>
<script>
export default {
  name: 'home',
  data () {
    return {
      userinfo: {}
    }
  },
  methods: {

  },
  mounted () {
    this.userinfo = this.$store.state.user
  }
}
</script>
<style>
.fontcolor{
    color: #fff;
}
.color1{
    background: #17223b;
}
.color2{
    background: #ff6768;
}
</style>
