|
@@ -57,54 +57,107 @@ export default defineComponent({
|
|
|
state.isAddBrowse = false
|
|
|
} catch {}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
return () => (
|
|
|
<div class={styles['teacher-elegant']}>
|
|
|
<TheSticky>
|
|
|
- <ColHeader
|
|
|
- border={false}
|
|
|
- background="transparent"
|
|
|
- isFixed={false}
|
|
|
- />
|
|
|
+ <ColHeader border={false} background="transparent" isFixed={false} />
|
|
|
</TheSticky>
|
|
|
|
|
|
{state.dataShow ? (
|
|
|
<div class={[styles.elegant]}>
|
|
|
- {state.list.map((item: any) => (
|
|
|
- <div class={styles.tedeoItem}>
|
|
|
- <div
|
|
|
- class={styles.itemBg}
|
|
|
- onClick={() => {
|
|
|
- state.videoStatus = true
|
|
|
- state.isAddBrowse = true
|
|
|
- state.videoItem = item
|
|
|
- }}
|
|
|
- ></div>
|
|
|
- <img class={styles.iconVideo} src={iconVideo} />
|
|
|
- <div class={styles.teCover}>
|
|
|
- <Image src={item.cover || iconUploadPoster} fit="cover" />
|
|
|
- </div>
|
|
|
- <div class={styles.teSection}>
|
|
|
- <div class={styles.info}>
|
|
|
- <div class={styles.teUserInfo}>
|
|
|
- <Image
|
|
|
- src={item.avatar || iconTeacher}
|
|
|
- class={styles.teUserLogo}
|
|
|
- />
|
|
|
- <span
|
|
|
- class={[
|
|
|
- styles.teUserName,
|
|
|
- 'van-hairline--right van-ellipsis'
|
|
|
- ]}
|
|
|
- >
|
|
|
- {item?.username || `游客${item?.userId || ''}`}
|
|
|
- </span>
|
|
|
+ <div class={styles.line}>
|
|
|
+ {state.list.map(
|
|
|
+ (item: any, index: number) =>
|
|
|
+ index % 2 === 0 && (
|
|
|
+ <div class={styles.tedeoItem}>
|
|
|
+ <div
|
|
|
+ class={styles.itemBg}
|
|
|
+ onClick={() => {
|
|
|
+ state.videoStatus = true
|
|
|
+ state.isAddBrowse = true
|
|
|
+ state.videoItem = item
|
|
|
+ }}
|
|
|
+ ></div>
|
|
|
+ <img class={styles.iconVideo} src={iconVideo} />
|
|
|
+ <div class={styles.teCover}>
|
|
|
+ <Image
|
|
|
+ src={item.cover || iconUploadPoster}
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class={styles.teSection}>
|
|
|
+ <div class={styles.info}>
|
|
|
+ <div class={styles.teUserInfo}>
|
|
|
+ <Image
|
|
|
+ src={item.avatar || iconTeacher}
|
|
|
+ class={styles.teUserLogo}
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ class={[
|
|
|
+ styles.teUserName,
|
|
|
+ 'van-hairline--right van-ellipsis'
|
|
|
+ ]}
|
|
|
+ >
|
|
|
+ {state.userInfo?.username ||
|
|
|
+ `游客${item?.userId || ''}`}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <span class={styles.teUserNum}>
|
|
|
+ {item.browse}浏览
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ <div class={styles.line}>
|
|
|
+ {state.list.map(
|
|
|
+ (item: any, index: number) =>
|
|
|
+ index % 2 === 1 && (
|
|
|
+ <div class={styles.tedeoItem}>
|
|
|
+ <div
|
|
|
+ class={styles.itemBg}
|
|
|
+ onClick={() => {
|
|
|
+ state.videoStatus = true
|
|
|
+ state.isAddBrowse = true
|
|
|
+ state.videoItem = item
|
|
|
+ }}
|
|
|
+ ></div>
|
|
|
+ <img class={styles.iconVideo} src={iconVideo} />
|
|
|
+ <div class={styles.teCover}>
|
|
|
+ <Image
|
|
|
+ src={item.cover || iconUploadPoster}
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class={styles.teSection}>
|
|
|
+ <div class={styles.info}>
|
|
|
+ <div class={styles.teUserInfo}>
|
|
|
+ <Image
|
|
|
+ src={item.avatar || iconTeacher}
|
|
|
+ class={styles.teUserLogo}
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ class={[
|
|
|
+ styles.teUserName,
|
|
|
+ 'van-hairline--right van-ellipsis'
|
|
|
+ ]}
|
|
|
+ >
|
|
|
+ {state.userInfo?.username ||
|
|
|
+ `游客${item?.userId || ''}`}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <span class={styles.teUserNum}>
|
|
|
+ {item.browse}浏览
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <span class={styles.teUserNum}>{item.browse}浏览</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- ))}
|
|
|
+ )
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
) : (
|
|
|
<ColResult
|