xinkeaboard/xinkeaboard-web/layouts/member.vue

<template>
    <div class="sld_member_main">
        <NavTopBar/>
        <SldHomeTopSearch/>
        <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 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
    .sld_member_main_content {
        display: flex;
        width: 100%;
        align-items: center;
        background-color: #F7F7F7;
        border-top: 1px solid #EBEBEB;
        padding-bottom: 10px;
        // margin: 0 auto;

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