<script setup>
import img_lczs from '~/assets/zbkt/bar.png';
import img_ssys from '~/assets/zbkt/ssys.png';
import img_wlzb from '~/assets/zbkt/wlzb.png';
import img_ztzb from '~/assets/zbkt/ztzb.png';
import img_kcb1 from '~/assets/zbkt/kcb.png';
import commonHeader from "@/components/header/index.vue";
const router = useRouter()
function routeTo(url) {
  router.push(url)
}


</script>

<template>
  <common-header/>
  <div class="flex flex-col w-full items-center">
    <div class="w-full mb-20"><img :src="img_lczs" alt="" class="w-full" /></div>

    <div class="flex justify-between w-1400px mb-20">

      <div @click="routeTo('/zbkt/ssys')"
        class=" flex shadow-md w-350px h-140px cursor-pointer transform hover:-translate-y-2 rounded-md px-6 py-12">
        <div class="w-8 mr-8">
          <img :src="img_ssys" alt="">
        </div>
        <div>
          <div class="text-lg font-bold mb-2">双师一生</div>
          <div class="text-sm text-hex-9D9AB9">双师一生双师一生双师一生</div>
        </div>
      </div>



      <div @click="routeTo('/zbkt/wlzb')"
        class=" flex shadow-md w-350px h-140px cursor-pointer transform hover:-translate-y-2 rounded-md px-6 py-12">
        <div class="w-8 mr-8">
          <img :src="img_wlzb" alt="">
        </div>
        <div>
          <div class="text-lg font-bold mb-2">网络直播</div>
          <div class="text-sm text-hex-9D9AB9">网络直播网络直播网络直播</div>
        </div>
      </div>



      <div @click="routeTo('/zbkt/ztzb')"
        class=" flex shadow-md w-350px h-140px cursor-pointer transform hover:-translate-y-2 rounded-md px-6 py-12">
        <div class="w-8 mr-8">
          <img :src="img_ztzb" alt="">
        </div>
        <div>
          <div class="text-lg font-bold mb-2">专题直播</div>
          <div class="text-sm text-hex-9D9AB9">专题直播专题直播专题直播</div>
        </div>
      </div>
    </div>

    <div class="w-1400px flex justify-center mb-20">
      <el-carousel class="w-1133px h-637px" height="637px">
        <el-carousel-item v-for="item in 3" :key="item">
          <img :src="img_kcb1" />
        </el-carousel-item>
      </el-carousel>
    </div>

  </div>
</template>
