<style lang="scss" scoped>
	@import url("@/asset/css/flex.css");
    .infor2-box{
        background: #FFFFFF;
        box-shadow: 0rpx 3rpx 32rpx 0rpx rgba(71,71,71,0.16);
        border-radius: 8rpx;
        overflow: hidden;
    }
    .infor2-line{
        border-bottom: 1px dashed #AAA;
    }
    .infor2-line img{
        width: 110rpx;
        height: 9rpx;
    }
</style>
<template>
    <view class="PX20 PT40">
        <view>
            <view class="infor2-box PX30 bjFFF MB40" 
            v-for="(child,c) in data.FlightList">
                <view class="infor2-line PY20 row justify-between items-center">
                    <view>
                        <view class="fz32 color000">{{ child.Departure_time }}</view>
                        <view class="fz20 color666 MT10">{{ child.dName }}</view>
                    </view>
                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638875792006204423.png"/>
                    <view class="text-right">
                        <view class="fz32 color000">{{ child.Arrival_time }}</view>
                        <view class="fz20 color666 MT10">{{ child.aName }}</view>
                    </view>
                </view>
                <view class="PY20 fz24 color333 row justify-between">
                    <view>航班号：{{ child.Flight_number }}</view>
                    <view>出发时间：{{ child.FlightDate }}</view>
                </view>
            </view>
            <u-empty v-if="data.FlightList.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
        </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>