<template>
    <view class="fever">
        <c-image
            has-compress
            class="fever-icon"
            src="https://med-fe.cdn.bcebos.com/hospital/opc_icon.png"
            :extra="{column: 1}"
            width="0.16rem"
            height="0.16rem"
            mode="widthFix"
            :hack-white-stroke="false"
            :is-round="false"
        />
        <view class="tips">
            提供<text v-for="(item, index) in list" :key="index">【{{ item.text }}】</text>服务
        </view>
    </view>
</template>

<script>
import CImage from '@components/common/image';

/**
 * @file 新医院主页发热门诊提示
 * @author zhaoqiang07
 * @categories 医院主页
 * @tags [sub-component]
 */
export default {
    config: {
        component: true
    },
    components: {
        CImage
    },
    props: {
        list: {
            type: Array,
            default: () => ([])
        }
    },
    data() {
        return {
            mode: 'widthFix'
        };
    }
};
</script>

<style lang="less" scoped>
    .fever {
        margin-top: .17rem;
        display: flex;
        align-items: center;
        height: .4rem;
        padding-left: 12px;
        border-radius: 9px;
        font-size: .14rem;
        color: #525252;
        background-image: url(https://med-fe.cdn.bcebos.com/hospital/opc_bag.png);
        background-size: 100% 100%;
        box-sizing: border-box;

        .fever-icon {
            width: 16px;
            height: 16px;
            margin-right: 6px;
        }
    }
</style>
