<template>
    <view class="doctor-hospital-list">
        <view
            v-for="(item, index) in teamList"
            :key="index"
            class="doctor-hospital-info"
        >
            <view class="doctor-hospital-info-flex">
                <view class="doctor-hospital-logo">
                    <c-image
                        has-compress
                        :src="item.vator"
                        width=".26rem"
                        height=".26rem"
                    />
                </view>
                <view class="doctor-hospital-name c-font-small c-line-clamp1">
                    {{ item.name }}
                </view>
            </view>
        </view>
    </view>
</template>

<script>
/**
 * @author yumingzhi
 * @file 介绍页机构列表
 */
import CImage from '@components/common/image';
export default {
    config: {
        component: true
    },
    components: {
        CImage
    },
    props: {
        teamList: {
            type: Array,
            default: () => []
        }
    }
};
</script>
<style lang="less" scoped>
.doctor-hospital-info {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 34px;
    margin-left: 10px;
    margin-top: 7px;
    border-radius: 17px;
    border: 1px solid rgba(0, 200, 200, 0.46);
    box-sizing: border-box;
    padding: 0px 12px;

    &:nth-child(2n + 1) {
        margin-left: 0;
    }

    .doctor-hospital-info-flex {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;

        .doctor-hospital-logo {
            width: 26px;
            height: 26px;
            margin-right: 10px;
        }

        .doctor-hospital-name {
            text-align: left;
            width: 0;
            flex: 1;
            color: #161616;
        }
    }
}
</style>
