<script setup lang="ts">
import bar from './student/bar.vue'
import lines from './student/lines.vue'
import radars1 from './student/radars1.vue'
import radars2 from './student/radars2.vue'
import jdqk from '~/assets/img/student/jdqk.png'
import xcpj from '~/assets/img/student/xcpj.png'
import yspj from '~/assets/img/student/yspj.png'
import yxzp from '~/assets/img/student/yxzp.png'
import yxzy from '~/assets/img/student/yxzy.png'
import zpqk from '~/assets/img/student/zpqk.png'
</script>

<template>
  <div class="flex justify-between">
    <div class="flex flex-col justify-between">
      <div class="flex justify-between">
        <!-- <img :src="yspj" alt="">
        <img :src="xcpj" alt=""> -->
        <div class="px-3 py-2 w-410px h-332px border border-hex-0A337E bg-block">
          <radars1 />
        </div>
        <div class="px-3 py-2 w-410px h-332px border border-hex-0A337E bg-block">
          <radars2 />
        </div>
      </div>
      <div class="mt-4">
        <div class="text-lg mb-4 ">
          本学期优秀美术作品排行
        </div>
        <img :src="yxzp" alt="">
      </div>
      <div class="mt-4">
        <div class="text-lg mb-4 ">
          本周优秀作业排行
        </div>
        <img :src="yxzy" alt="">
      </div>
    </div>
    <div class="flex flex-col justify-between w-960px">
      <!-- <img :src="zpqk" alt=""> -->
      <div class="w-full h-450px px-5 py-4 border border-hex-0A337E bg-block">
        <bar />
      </div>
      <div class="w-full h-450px px-5 py-4 border border-hex-0A337E bg-block">
        <lines />
      </div>
    </div>
  </div>
</template>
