<template>
  <el-card class="!border-none" shadow="never">
    <div style="display: flex; align-items: center">
      <el-avatar :size="80" :src="datas.avatar" style="margin-right: 16px" />
      <el-row>
        <el-col :span="12">姓名: {{ datas.nickname }}</el-col>
        <el-col :span="12">电话: {{ datas.mobile }}</el-col>
        <el-col :span="24">角色: {{ datas.group_name }}</el-col>
        <el-col :span="12"
          >押金:
          <span style="color: #e6a23c; font-weight: bold">{{
            datas.deposit
          }}</span
          >元
        </el-col>
        <el-col :span="12"
          >收益:
          <span style="color: #67c23a; font-weight: bold">{{
            datas.income
          }}</span
          >元
        </el-col>
      </el-row>
    </div>
  </el-card>
</template>
    
<script lang="ts" setup name="peopleMoney">
defineProps({
  datas: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="scss" scoped>
</style>
    