<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;
        margin-left: 30rpx;
        margin-right: 30rpx;
    }
    .infor1-center:last-child{
        border: 0;
    }
    .infor1-c-name{
        width: 80rpx;
    }
    .imgbox{
        margin-left: 20rpx;
        margin-right: 20rpx;
    }
    .imgbox img{
        width: 33rpx;
        height: 33rpx;
        display: block;
    }
    .infor1-left{
        min-width: 120rpx;
        white-space: nowrap;
    }
</style>
<template>
    <view class="">
        <view class="infor1-box MB20 bjFFF fz28 color333">
           <view class="infor1-center PY20 row items-center justify-between"
           v-for="(item,index) in data">
                <view class="row items-center">
                    <view class="infor1-c-name fz32 infor1-left">{{ item.userName }}</view>
                    <view class="imgbox ML10">
                        <img v-if="item.SexStr=='女'" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638875723517488195.png" />
                        <img v-else src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638875723461863180.png" />
                    </view>
                    <view class="time fz28">{{ item.Birthday }}</view>
                    <!-- <view class="tisp fz28 ML20"></view> -->
                </view>
                <view>{{ item.PassportNo }}</view>
           </view>
           <u-empty v-if="data.length == 0" text="暂无相关信息" mode="data" color="#333" padding-top="20"></u-empty>
        </view>
        <view style="height: 0rpx;"></view>
    </view>
</template>
<script>
export default {
    props:['data'],
    data() {
        return {

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

    }
}
</script>