 <template>
	<div class="loader">
        <img class="loader-mask" src="../../images/sousuo/sousuo-fc.png" />
        <span @click="closeFC" class="loader-btn">我知道了</span>
    </div>
</template>
<script>
export default {
    methods: {
        closeFC() {
            this.$emit('closeFC')
        }
    }
}
</script>

<style lang="scss" scoped>
    @import '../../style/mixin';
    .loader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        &-mask {
            position: fixed;
            top: px2rem(64px);
            left: px2rem(38px);
            bottom: px2rem(64px);
            right: px2rem(37px);
            width: px2rem(300px);
            z-index: 4;
            background: rgba(0, 0, 0, 0.5);
        }
        &-btn {
            display: inline-block;
            position: absolute;
            left: px2rem(128px);
            bottom: px2rem(120px);
            height: px2rem(30px);
            width: px2rem(120px);
            z-index: 6;
            text-align: center;
            padding-top: px2rem(4px);
            font-size: px2rem(15px);
            border: 1px solid #fff;
            border-radius: px2rem(30px);
            color: #fff;
        }
    }

</style>
