website/src/layout/section.vue

<template>
  <!-- 二级路由出口 -->
  <div class="main">
    <div class="body-wrapper">
      <router-view/>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.main{
    width: 100%;
    // background-color: #ed8c0f;
    background-image: linear-gradient(to bottom left, #ED8C0F, #EF6158, #C85384, #875892, #49557F, #2F4858 );
    min-height: calc(100vh - 160px);
    padding-bottom: 30px;
    .body-wrapper{
        width: 1000px;
        margin: 0 auto;
        margin-top: 30px;
        border-radius: 12px;
        overflow: hidden;
        min-height: calc(100vh - 160px);
        // background-color: rgba($color: #fff, $alpha: 0.5);
        background-color: rgba($color: #fff, $alpha: 1);
        padding: 30px;
        box-sizing: border-box;

    }
}
</style>