<template>
    <div class='popup'>
        <div class='head'>
            <span>邀请记录</span>
            <img src="~imgPath/fissionTask/close.png" alt="" @click='close'>
        </div>
        <rank-list :rankList='popupList' v-show='!tab'></rank-list>
        <invite-list :inviteList='popupList' v-show='tab'></invite-list>
    </div>    
</template>
<script>
import rankList from './list/rankList';
import inviteList from './list/inviteList';
export default {
    props:{
        popupList:{
            default:()=>{
                return []
            }
        },
        tab:{
            default:0
        }
    },
    components:{
        rankList,
        inviteList,
    },
    methods:{
        close(){
            this.$emit('close')
        }
    }
}
</script>
<style scoped lang='scss'>
.popup{
    width: 100%;
    height: 11.2rem;
    border-radius: 0.16rem;
    background: linear-gradient(180deg, #FFF4EB 0%, #FFFFFF 100%);
    padding:0.24rem 0;
    box-sizing: border-box;
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    z-index:99;
    left:0;right:0;
    .head{
        font-size: 0.32rem;
        font-weight: 500;
        color: #FF791F;
        text-align: center;
        position: relative;
        img{
            width:0.32rem;
            height:0.34rem;
            position: absolute;
            right:0.32rem;
            top:0rem;
        }
    }
}
</style>