xinkeaboard/xinkeaboard-web/layouts/member.vue

<template>
    <div>
        <MemberTop/>
        <NavTopBar/>
        <div class="sld_member_main_content">
            <div class="container">
                <MemberLeftNav></MemberLeftNav>
                <slot/>
            </div>
        </div>
        <FooterBottom/>
    </div>
</template>


<script setup>
useHead({
  title: 'Member Center',
  meta: [
    {
      name: "description",
      content: 'Member Center',
    },
    {
      name: "keywords",
      content: 'Member Center',
    },
  ],
});


</script>


<style lang="scss" scoped>
    .sld_member_main_content {
        width: 100%;
        background-color: #F7F7F7;
        border-top: 1px solid #EBEBEB;
        padding-bottom: 10px;

        .container {
            display: flex;
            width: 1440px;
            margin: 0 auto;
            padding-left: 0px;
            padding-right: 0px;
            &:before,&:after{
                display: table;
                content: " ";
            }
            &:after{
                clear: both;
            }
        }
    }
</style>