<script setup lang="ts"></script>

<template>
  <div class="w-full h-full flex justify-end bg_img">
    <div class="flex flex-col justify-between ">
      <div class="flex justify-end items-end">
        <i:ant-design:bar-chart-outlined class="text-lg mr-1" />
        <span class="tracking-wide">实时在线</span>
        <span class="text-2xl ml-4">1290</span>
      </div>
      <div>
        <div class="flex">
          <div>
            <span class="tracking-wide">课程资源</span>
            <span class="text-2xl ml-4">612</span>
          </div>
          <div class="ml-24">
            <span class="tracking-wide">线上教学</span>
            <span class="text-2xl ml-4">119</span>
          </div>
        </div>
        <div class="flex mt-2">
          <div>
            <span class="tracking-wide">线上教研</span>
            <span class="text-2xl ml-4">112</span>
          </div>
          <div class="ml-24">
            <span class="tracking-wide">学生作品</span>
            <span class="text-2xl ml-4">219</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.bg_img{
  background-image: url('~/assets/img/home/igroup.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 2px 4px;
  background-origin: padding-box;
}
</style>
