<script setup>
// import CommonHeader from "@/components/CommonHeader/index.vue";;
import img_lczs1 from '~/assets/zbktssys/1.png';
import img_lczs2 from '~/assets/zbktssys/2.png';
import img_lczs3 from '~/assets/zbktssys/3.png';
import img_lczs from '~/assets/zbktssys/bar.png';
import img_tx from '~/assets/zbktssys/tx.png';

import { ArrowRight, ArrowLeft } from '@element-plus/icons-vue';


const data_zy = $ref([
  { img: img_lczs1, title: '走进生肖文化——寅虎卯兔', bfl: 100, desc: '领略生肖传奇，品味传统文化！', nj: '四年级', xk: '美术', ls: '尚老师', tx: img_tx, zt: '1' },
  { img: img_lczs2, title: '走进生肖文化——寅虎卯兔', bfl: 100, desc: '领略生肖传奇，品味传统文化！', nj: '四年级', xk: '美术', ls: '尚老师', tx: img_tx, zt: '' },
  { img: img_lczs3, title: '走进生肖文化——寅虎卯兔', bfl: 100, desc: '领略生肖传奇，品味传统文化！', nj: '四年级', xk: '美术', ls: '尚老师', tx: img_tx, zt: '' },
])


function hrefTo(href) {
  window.open(href, '_blank')
}
</script>

  <template>
  <common-header />
  <div class="w-full flex items-center justify-center shadow h-60px bg-hex-fefefe">
    <div class="w-1400px flex items-center">
      <div class="text-lg text-hex-050026">内容</div>
      <el-divider direction="vertical" />
      <div class="text-sm">
        <span class="text-hex-949494">直播课堂</span>
        <span class="text-hex-949494"> - 专题直播</span>
        <span> - 内容</span>
      </div>
    </div>
  </div>

  <div class="w-full flex items-center justify-center shadow h-60px bg-hex-fefefe">
    <div class="w-1400px flex items-center">
      <div class="text-lg text-hex-050026">信息技术与学科教学的深度融合</div>
    </div>
  </div>


  <div class="w-full flex items-center justify-center mt-4">
    <div class="w-1400px flex flex-col">

      <div class="w-full mb-4 bg-light-500">
        <video class="w-full h-full" controls="controls" controlslist="nodownload" disablePictureInPicture="true"
          oncontextmenu="return false;" id="myVideo" width="100%"
          poster="http://www.txhlwxx.com/data/upload/month_202011/202011261403364594_aOVi.png" preload="" loop=""
          autoplay="false">
          <source src="http://www.txhlwxx.com/data/upload/month_202012/202012280906053508_JuU2.mp4" type="video/mp4">
        </video>

      </div>

      <!-- <div class="w-full flex justify-between items-center">

        <el-button type="primary" :icon="ArrowLeft" circle size="large" />

        <div class="flex-auto flex justify-start items-center">
          <div class="w-19/100 mx-4 flex flex-col cursor-pointer" v-for="i in data_zy">
            <div class="w-full flex-none overflow-hidden  rounded-xl">
              <img :src="i.img" alt="" class="w-full h-full">
            </div>
            <div class="p-2">
              {{  i.title  }}
            </div>
          </div>
        </div>

        <el-button type="primary" :icon="ArrowRight" circle size="large" />
      </div> -->

    </div>
  </div>
</template>

