<script setup lang="ts">
const imgSrc = (await request({
  url: '/dyaw/xlfw_hbgl/index',
  data: {
    limit: 1
  }
})).data?.page_data?.[0]?.dxh_path
const teacherList = (await request({
  url: '/dyaw/xlfw_pbgl_pb/index',
  data: {
    dxpp_date: Date.now()
  }
})).data?.page_data
// const teacherList = $ref([
//   {
//     user_id: '213595',
//     dxp_user_realname: 'lwteacher2',
//     dxp_user_avatar: 'https://openapi.dev.bozedu.net/template/default/static/img/avatar_teacher_middle.png',
//     "dxp_jj": "我真的是简介",
//     "dxp_user_phone": "18876564587",
//   },
//   {
//     user_id: '213596',
//     dxp_user_realname: 'lwteacher3',
//     dxp_user_avatar: 'https://openapi.dev.bozedu.net/template/default/static/img/avatar_teacher_middle.png',
//     "dxp_jj": "我真的是简介",
//     "dxp_user_phone": "18876564587",
//   },
// ])
</script>

<template>
  <div class="h-640px bg-hex-f2f2f295 flex justify-center">
    <div class="w-1000px h-full overflow-hidden">
      <img v-show="imgSrc" :src="imgSrc" class="w-full h-full object-contain">
    </div>
    <div
      class="w-400px h-full overflow-y-auto flex flex-col items-center space-y-4 py-4 scrollbar scrollbar-thin scrollbar-thumb-rounded-md scrollbar-thumb-gray-200 scrollbar-track-transparent">
      <teacher-card v-for="item in teacherList" class="flex-none" :d="item"></teacher-card>
    </div>
  </div>
</template>
