<template>
    <section class="xb-pop-wrap">
        <div v-if="show" class="img-content">
            <img src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/xbdzz/xb_pop.png"/>
            <span @click="goSearch"></span>
            <img class="close" @click="close" src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/xbdzz/xb_close.png"/>
        </div>
        <div v-if="show" @click="close" class="shadow"></div>
    </section>
</template>
<script>
export default {
    data() {
        return {
            show: true
        }
    },
    methods: {
        // 关闭xb弹框
        close() {
            this.show = false
        },
        // 去看看
        goSearch() {
            this.$router.push({path:'xb',query:{pop:true}})
        }
    }
}
</script>
<style lang="scss" scoped>
    @import '../../style/mixin';
    .xb-pop-wrap {
        .img-content {
            position: fixed;
            left: px2rem(61px);
            top: px2rem(192px);
            z-index: 9999999999;
            width: px2rem(250px);
            img {
                width: 100%;
            }
            img.close {
                display: block;
                width: px2rem(30px);
                margin: 0 auto;
            }
            span {
                position: absolute;
                left: px2rem(46px);
                bottom: px2rem(41px);
                display: block;
                width: px2rem(158px);
                height: px2rem(46px);
            }
        }
        .shadow {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999999999;
            background: #000;
            opacity: 0.5;
            width: 100%;
            height: 100%;
        }
    }
</style>
