12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- import { d as r, c as e, bw as a, a as s, az as i } from './index.1d0cc84f.js'
- var l = r({
- name: 'item',
- props: { item: { type: Object, default: () => ({}) } },
- render() {
- const t = this.item
- return e(
- 'div',
- {
- class:
- 'border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all'
- },
- [
- t.subjectName &&
- e(
- 'div',
- {
- class:
- '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'
- },
- [t.subjectName]
- ),
- e(
- a,
- {
- class: 'w-full h-[175px] align-middle',
- fit: 'cover',
- src: t.backgroundPic
- },
- null
- ),
- e('div', { class: 'mx-2.5 py-3.5 border-b border-b-[#F2F2F2]' }, [
- e(
- 'div',
- {
- class:
- 'text-lg leading-none font-semibold whitespace-nowrap overflow-hidden text-ellipsis'
- },
- [t.courseGroupName]
- ),
- e('div', { class: 'text-sm text-[#999] pt-2.5' }, [
- t.studentCount,
- s('\u4EBA\u5DF2\u8D2D\u4E70')
- ])
- ]),
- e('div', { class: 'mx-2.5 py-4 flex items-center justify-between' }, [
- e('div', { class: 'flex items-center' }, [
- e(
- a,
- {
- class:
- 'w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2',
- 'object-fit': 'cover',
- src: t.avatar || i
- },
- null
- ),
- e('span', null, [t.teacherName])
- ]),
- e(
- 'div',
- { class: 'font-semibold text-[15px] leading-5 text-[#2DC7AA]' },
- [s('\uFFE5'), t.coursePrice, s('/'), t.courseNum, s('\u8BFE\u65F6')]
- )
- ])
- ]
- )
- }
- })
- export { l as I }
|