<template>
    <div :style="{ height: maxTableHeight + 'px' }" class="cardlist">
        <div v-for="item in patientInfoList" :key="item.id">
            <div class="carditem">
                <div class="top">
                    <img src="../../../assets/manage/nvtouxiang.png" alt="" class="img" />
                    <!-- <img src="../../../assets/manage/touxiang.png" alt="" class="img" /> -->
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'cardlist',
    props: {
        maxTableHeight: {
            type: Number,
            default: 0,
        },
        patientInfoList: {
            type: Array,
            default: []
        }
    },
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {},
}
</script>
<style lang="scss" scoped>
.cardlist {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;

    .carditem {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 260px;
        min-height: 200px;
        border: 1px solid #DCDFE6;
        border-radius: 10px;

        .top {
            height: 80px;
            background-color: #F7F8FA;
        }

        .img {
            margin: 10px 0 0 10px;
            width: 50px;
            height: 50px;
        }
    }
}
</style>