<script setup>
const roleName = ref('管理员')
const schoolName = ref('桐乡市互联网学校')
</script>

<template>
  <div class="jsdContent">
    <el-scrollbar view-class="h-full">
<!--      <div class="header h-60px">-->
<!--        <div class="w-1200px h-full m-auto flex justify-between">-->
<!--          <div class="flex items-center space-x-4">-->
<!--            <img class="w-40px h-40px" src="/images/icon/person.png" alt="">-->
<!--            <div>{{ roleName }}</div>-->
<!--          </div>-->
<!--          <div class="flex items-center">-->
<!--            欢迎来到{{ schoolName }} ！-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
      <div class="subHeader w-1200px m-auto my-20px">
        <img class="w-262px h-74px" src="/images/icon/logo.png" alt="">
   

      </div>

      <slot>
        <div class="w-1200px m-auto">
          <router-view />
        </div>
      </slot>

      <common-footer class="mt-20px" />
    </el-scrollbar>
  </div>
</template>

<style lang="scss" scoped>
$color: #1259a1;

.jsdContent {
  background: #f6f8fa;
}

.header {
  background: $color;
  color: #fff;
}
</style>
