<style lang="scss" scoped>

	@import url("@/asset/css/flex.css");
    .infor1-box{
        background: #FFFFFF;
        box-shadow: 0rpx 3rpx 32rpx 0rpx rgba(71,71,71,0.16);
        border-radius: 8rpx;
        overflow: hidden;
    }
    .infor1-center{
        border-bottom: 1px solid #ddd;
    }
    .infor1-center:last-child{
        border-bottom: 0;
    }
    .infor1-c-l view{
        width: 46rpx;
        height: 46rpx;
        background: #4985FF;
        border-radius: 50%;
    }
    .infor1-c-l view img{
        width: 30rpx;
        height: 28rpx;
    }
    .day{
        color: #4985FF;
    }
    .text{
        font-weight: 500;
        line-height: 50rpx;
    }
</style>
<template>
    <view class="PX20 PT40">
        <view class="infor1-box PX30 MB20 bjFFF fz30">
            <view class="infor1-center row" 
            v-for="item in data">
                <view class="infor1-c-l PY30 row">
                    <view class="row items-center justify-center">
                        <img class="" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638869669341003114.png" />
                    </view>
                </view>
                <view class="infor1-c-r PY30 colorFFF flex1">
                    <view class="day fz32 PX30">Day{{ item.DayNum>9?item.DayNum:'0'+item.DayNum }}</view>
                    <view class="color333 text row items-center MT10 PX30">
                        {{ item.Title }}
                    </view>
                </view>
            </view>
        </view>
        <view style="height: 50rpx;"></view>
    </view>
</template>
<script>
export default {
    props:['data'],
    data() {
        return {

        }
    },
    watch: {
        data:{
            handler(newVal,oldVal){
                
            },
            deep:true,
            immediate:false
        },
    },
    mounted() {
        
    },
    methods:{

    }
}
</script>