menduner/src/views/PersonalCenter/index.vue

<template>
  <div class="default-width d-flex pt-3">
    <div class="left mr-3">
      <LeftPage></LeftPage>
    </div>
    <div class="right">
      <RightPage></RightPage>
    </div>
  </div>
</template>

<script setup>
defineOptions({ name: 'personal-center'})

import LeftPage from './dynamic/left.vue'
import RightPage from './dynamic/right.vue'
</script>

<style scoped lang="scss">
.left {
  width: 884px;
}
.right {
  flex: 1;
}
</style>