<template>
  <div>
    <a-card :title="title" style="width: 400px; border-radius: 0.75rem;">
      <p class=" text-color-primary text-3xl font-bold mb-0 mt-4">{{ total }} <span class=" text-base">人</span></p>
    </a-card>
  </div>
</template>


<script lang="ts">
import Vue from "vue";
import { Card } from "ant-design-vue";
Vue.use(Card);

export default Vue.extend({
  props: {
    title: {
      type: String,
      default: "",
    },
    total: {
      type: Number,
      required:true
    },
  },
});
</script>


<style lang="less" scoped>
/deep/.ant-card-body{
  background-image: url(../../../assets/statics_bg.png);
  background-size: cover;
  background-position: center;
}
</style>