<template>
    <div class="page">
        <div class="title">关于我们</div>
        <van-cell-group>
            <van-cell title="联系客服" @click="show = true" is-link />
        </van-cell-group>

        <van-overlay :show="show" @click="show = false">
            <div class="code-img" @click.stop>
                <van-image class="code" width="70vw" :src="codeImg" fit="scale-down" />
            </div>
        </van-overlay>
    </div>
</template>

<script>
export default {
    data() {
        return {
            codeImg: '',
            show: false
        };
    },
    mounted() {
        this.$http.get('/sysConfig/get/customer_group').then(res => {
            this.codeImg = res.value;
        });
    }
};
</script>

<style lang="less" scoped>
.title {
    background-color: #181818;
    padding: 10px 16px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 30px;
}
.page {
    background-color: #0f0f0f;
}

.van-cell-group {
    background-color: #181818;
}
.van-cell {
    padding: 23px 16px;
}
.logout {
    padding: 50px 30px 50px;
}
.code-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
</style>
