<template>
    <view class="hospital-header c-width c-tac c-gap-top-xsmall">
        <image
            v-if="hospitalImg"
            :src="hospitalImg"
            :mode="mode"
            lazy-load
            class="hospital-partner-image c-inline-block"
        />
        <image
            v-if="bdHealthImg"
            :src="bdHealthImg"
            :mode="mode"
            lazy-load
            class="hospital-health-image c-inline-block"
        />
    </view>
</template>

<script>
/**
 * @file 医院主页第二版/头部合作图标区域
 * @author chenyang28
 * @categories 医院主页
 * @tags [sub-component]
 */
export default {
    config: {
        component: true
    },
    props: {
        /**
         * 合作医院图标
         */ 
        hospitalImg: String,
        /**
         * 百度健康图标
         */ 
        bdHealthImg: String
    },
    data() {
        return {
            mode: 'widthFix'
        };
    }
};
</script>

<style lang="less" scoped>
.hospital-header {
    white-space: nowrap;
    height: 31px;

    .hospital-partner-image {
        width: 97px;
        height: 26px;
    }

    .hospital-health-image {
        margin-left: 22px;
        width: 75px;
        height: 19px;
    }
}
</style>

