<!--
 * @Description: 疫苗套餐列表二次封装，加title和subtitle
 * @Author: wangye15
 * @Email: wangye15@baidu.com
 * @Date: 2021-08-25 14:57:14
 * @LastEditors: wangye15
 * @LastEditTime: 2021-09-15 13:14:03
-->
<template>
    <view>
        <view
            v-if="title.length > 0"
            class="physical-skulist-list-title c-color-title"
        >
            <view class="title c-font-large">
                {{ title }}
            </view>
            <view class="subTitle c-font-normal">
                {{ subTitle }}
            </view>
        </view>
        <package-item
            v-for="(item, index) in list"
            :key="index + item.id"
            btn-color="linear-gradient(125deg, #FF754F 0%, #FB4556 100%)"
            :package-info="item"
            :log="log"
        />
    </view>
</template>

<script>
import PackageItem from '@components/vaccine/PackageItem';

export default {
    config: {
        component: true
    },
    components: {
        PackageItem,
    },
    props: {
        /**
         * 列表标题信息
         */
        title: {
            type: String,
            default: ''
        },
        /**
         * 列表副标题信息
         */
        subTitle: {
            type: String,
            default: ''
        },
        /**
         * 套餐信息列表数据
         */
        list: {
            type: Array,
            default: () => []
        },
        /**
         * 日志
         */
        log: {
            type: String,
            default: ''
        },
    }
};
</script>

<style lang="less" module>
.physical-skulist-list-title {
    margin-top: .01rem;
    margin-bottom: .11rem;
    .title {
        font-weight: bold;
    }
    .subTitle {
        color: #fd503e;
    }
}
</style>
