<template>
    <div class="fullHeight imgRanging">
        <div class="imgBox">
            <img src="@/assets/images/qjcx.png" alt="">
            <div class="closePage" >
                <!-- <closePage v-if="!isShowDialog"></closePage> -->
            </div>
            <!-- <button class="add" @click="addHandler"></button> -->
        </div>
        <!-- <div class="dialog" v-if="isShowDialog">
            <img src="@/assets/images/qjcx2.png" alt="">
            <button class="closeDialog" @click="closeDialog"></button>
        </div> -->
    </div>
</template>

<script>
import closePage from "@/components/closePage"

export default {
    components:{
        closePage
    },
    data() {
        return {
            isShowDialog:false
        }
    },
    methods: {
        addHandler() {
            console.log(1212112)
            this.isShowDialog = true;
        },
        closeDialog() {
            this.isShowDialog = false;
        }
    }
}
</script>

<style lang="less" scoped>
    .imgBox {
        position: relative;
        .closePage {
            position: absolute;
            top: 40px;
            right: 12px;
        }
        .add {
            width: 42px;
            height: 42px;
            position: absolute;
            bottom: 221px;
            right: 506px;
            font-size: 12px;
            border: none;
            background: rgba(0, 0, 0, 0);
            cursor: pointer;
        }
    }
    .dialog {
        width: 100%;
        height: 100%;
        // background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        .closeDialog {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 240px;
            left: 1366px;
            background: rgba(0, 0, 0, 0);
            border: none;
            cursor: pointer;
        }
    }
</style>