chargeCode.vue

<template>
    <div class="bg">
        <div class="bd">
            <div class="title">收款码</div>
            <div class="img"><img src="../../../public/img/code.jpg" alt=""></div>
        </div>
        <!-- <div>收款码</div> -->
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .bg {
        background-color: #a7cfff;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    .bd {
        margin-top: 25px;
        width: 90%;
        height: 50%;
        background-color: #fff;
        box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
    }
    .title {
        background-color: #f1f1f1;
        height: 18%;
        justify-content: center;
        display: flex;
        align-items: center;
        font-size: 22px;
    }
    .img {
        justify-content: center;
        display: flex;
        align-items: center;
        height: 82%;
    }
</style>