From dd113c45d5f88ec0df9351f10ddb304a18ff6dc5 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Wed, 8 Feb 2023 02:03:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/slideHooks/VInfinite.vue |  3 ++-
 src/pages/slideHooks/index.vue     | 35 ++++++++++--------------------
 2 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/src/pages/slideHooks/VInfinite.vue b/src/pages/slideHooks/VInfinite.vue
index e2f7568..90996ef 100644
--- a/src/pages/slideHooks/VInfinite.vue
+++ b/src/pages/slideHooks/VInfinite.vue
@@ -131,7 +131,8 @@ function insertContent(list = props.list) {
 }
 
 function getInsEl(item, index, play = false) {
-  // console.log('index',index,play)
+  debugger
+  console.log('index',index,play)
   let slideVNode = props.render(item, index, play, props.position)
   const app = createApp({
     render() {
diff --git a/src/pages/slideHooks/index.vue b/src/pages/slideHooks/index.vue
index e3b0635..9e93efd 100644
--- a/src/pages/slideHooks/index.vue
+++ b/src/pages/slideHooks/index.vue
@@ -114,7 +114,8 @@
 import H from './H'
 import VInfinite from './VInfinite.vue'
 import SlideItem from './SlideItem'
-import SlideImgs from "../../components/slide/SlideAlbum";
+import SlideAlbum from "../../components/slide/SlideAlbum";
+import SlideUser from "../../components/slide/SlideUser";
 import BVideo from "../../components/slide/BVideo";
 import Comment from "../../components/Comment";
 import IndicatorHome from "../slide/IndicatorHome";
@@ -151,6 +152,10 @@ const state = reactive({
       type: 'imgs',
       src: `http://douyin.ttentau.top/0.mp4?vframe/jpg/offset/0/w/${document.body.clientWidth}`
     },
+    {
+      type: 'user',
+      src: `http://douyin.ttentau.top/0.mp4?vframe/jpg/offset/0/w/${document.body.clientWidth}`
+    },
     // ...videos
   ],
 
@@ -264,13 +269,16 @@ function closeComments() {
 }
 
 function render(item, itemIndex, play, position) {
-  console.log(item)
+  console.log('item',item)
   let node
   if (item.type === 'img') {
     node = <img src={item.src} style="height:100%;"/>
   }
   if (item.type === 'imgs') {
-    node = <SlideImgs/>
+    node = <SlideAlbum/>
+  }
+  if (item.type === 'user') {
+    node = <SlideUser/>
   }
   if (item.type === 'recommend-video') {
     node = <BVideo
@@ -284,26 +292,7 @@ function render(item, itemIndex, play, position) {
   return node
 }
 
-// function render1(item, itemIndex, play) {
-//   let node
-//   if (item.type === 'recommend-video') {
-//     node = <SlideVideo
-//         isPlay={play}
-//         video={item}
-//         index={itemIndex}
-//         onShowComments={e => this.isCommenting = true}
-//         onShowShare={e => this.isSharing = true}
-//         onGoUserInfo={e => this.baseActiveIndex = 1}
-//         onGoMusic={e => this.$nav('/home/music')}
-//         v-model={[this.videos[itemIndex], 'video']}
-//     />
-//   }
-//   if (item.type === 'img') {
-//     node = <img src={item.src} style="height:100%;"/>
-//   }
-//   if (item.type === 'imgs') {
-//     node = <SlideImgs/>
-//   }
+
 //   if (item.type === 'send-video') {
 //     node = <video src={item.src} style="height:100%;"/>
 //   }