index.37658c21.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. import { d as r, c as e, bw as a, a as s, az as i } from './index.1d0cc84f.js'
  2. var l = r({
  3. name: 'item',
  4. props: { item: { type: Object, default: () => ({}) } },
  5. render() {
  6. const t = this.item
  7. return e(
  8. 'div',
  9. {
  10. class:
  11. 'border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all'
  12. },
  13. [
  14. t.subjectName &&
  15. e(
  16. 'div',
  17. {
  18. class:
  19. 'absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10'
  20. },
  21. [t.subjectName]
  22. ),
  23. e(
  24. a,
  25. {
  26. class: 'w-full h-[175px] align-middle',
  27. fit: 'cover',
  28. src: t.backgroundPic
  29. },
  30. null
  31. ),
  32. e('div', { class: 'mx-2.5 py-3.5 border-b border-b-[#F2F2F2]' }, [
  33. e(
  34. 'div',
  35. {
  36. class:
  37. 'text-lg leading-none font-semibold whitespace-nowrap overflow-hidden text-ellipsis'
  38. },
  39. [t.courseGroupName]
  40. ),
  41. e('div', { class: 'text-sm text-[#999] pt-2.5' }, [
  42. t.studentCount,
  43. s('\u4EBA\u5DF2\u8D2D\u4E70')
  44. ])
  45. ]),
  46. e('div', { class: 'mx-2.5 py-4 flex items-center justify-between' }, [
  47. e('div', { class: 'flex items-center' }, [
  48. e(
  49. a,
  50. {
  51. class:
  52. 'w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2',
  53. 'object-fit': 'cover',
  54. src: t.avatar || i
  55. },
  56. null
  57. ),
  58. e('span', null, [t.teacherName])
  59. ]),
  60. e(
  61. 'div',
  62. { class: 'font-semibold text-[15px] leading-5 text-[#2DC7AA]' },
  63. [s('\uFFE5'), t.coursePrice, s('/'), t.courseNum, s('\u8BFE\u65F6')]
  64. )
  65. ])
  66. ]
  67. )
  68. }
  69. })
  70. export { l as I }