<template>
    <div>
        <el-dialog
            :visible.sync="dialogVisibleAuthFailed"
            width="330px"
            :before-close="closeDialog"
            :show-close="false"
            class="dialog-box"
        >
            <img src="~assets/images/icon-status-auth-failed.png" alt />
            <h3>您的实名认证未能通过</h3>
            <p>请联系客服！</p>
            <div class="layout-btn" @click="closeDialog">返回</div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: "noAuth",
    data() {
        return {};
    },
    props: {
        dialogVisibleAuthFailed: Boolean
    },
    methods: {
        closeDialog() {
            this.$emit("close");
        }
    }
};
</script>

<style lang="less" scoped>
@import "../../assets/styles/common.css";
.dialog-box {
    h3 {
        margin-top: 30px;
        font-size: 24px;
        color: #3d86e9;
    }
    p {
        margin-top: 20px;
        font-size: 14px;
        color: #666;
    }
}
.layout-btn {
    width: 262px;
    margin: 40px auto 18px;
}
.later-btn {
    color: #666;
}
</style>
