index.vue

<!--
 * @Author: zuolingling zuolingling@jsnangao.com
 * @Date: 2023-08-10 15:27:18
 * @LastEditors: zuolingling zuolingling@jsnangao.com
 * @LastEditTime: 2023-08-18 13:30:26
 * @FilePath: \vue3portal\src\pages\layouts\index.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<script setup>
import elsheader from "./components/elsheader.vue";
import elsmain from "./components/elsmain.vue";
import "@/assets/less/main.less";
</script>
<template>
  <div class="colflex swh lagoutbg">
      <el-container style="overflow-y: hidden;">
        <el-header height="40px" style="padding: 0;">
          <elsheader></elsheader>
        </el-header>
        <el-main class="scrollbar" style="flex:1;padding: 12px;">
          <elsmain></elsmain>
        </el-main>
      </el-container>
    </div>
</template>



<style lang="less" scoped>
.lagoutbg{
  background: url("../../assets/image/bg.svg"), radial-gradient(ellipse at bottom,#053361 10%,#010d18 50%,#000000 100% );
  background-repeat: repeat;
}
</style>