From d2fa67d3adb7169bc12b66159c4e98d45a70d10f Mon Sep 17 00:00:00 2001 From: zyronon Date: Wed, 7 Jul 2021 11:16:16 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E8=A7=86?= =?UTF-8?q?=E9=A2=91=E6=92=AD=E6=94=BE=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/home/Index2.vue | 44 ++++++++++++++--------------- src/pages/home/SlideListVirtual.vue | 9 +++--- 2 files changed, 27 insertions(+), 26 deletions(-) diff --git a/src/pages/home/Index2.vue b/src/pages/home/Index2.vue index 0f06f47..06a3400 100644 --- a/src/pages/home/Index2.vue +++ b/src/pages/home/Index2.vue @@ -39,8 +39,8 @@ export default { return { videos: [ { - videoUrl: mp40, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp40, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/0.mp4', videoPoster: src1Bg, isLoved: true, loves: 1234, @@ -49,8 +49,8 @@ export default { duration: 99 }, { - videoUrl: mp41, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp41, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/1.mp4', videoPoster: src1Bg, isLoved: true, loves: 1234, @@ -59,8 +59,8 @@ export default { duration: 99 }, { - videoUrl: mp42, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp42, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/2.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -69,8 +69,8 @@ export default { duration: 99 }, { - videoUrl: mp43, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp43, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/3.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -79,8 +79,8 @@ export default { duration: 99 }, { - videoUrl: mp44, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp44, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/4.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -89,8 +89,8 @@ export default { duration: 99 }, { - videoUrl: mp45, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp45, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/5.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -99,8 +99,8 @@ export default { duration: 99 }, { - videoUrl: mp46, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp46, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/6.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -109,8 +109,8 @@ export default { duration: 99 }, { - videoUrl: mp47, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp47, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/7.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -119,8 +119,8 @@ export default { duration: 99 }, { - videoUrl: mp48, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp48, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/8.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -129,8 +129,8 @@ export default { duration: 99 }, { - videoUrl: mp49, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp49, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/9.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, @@ -139,8 +139,8 @@ export default { duration: 99 }, { - videoUrl: mp410, - // videoUrl: 'http://babylife.qiniudn.com/FtRVyPQHHocjVYjeJSrcwDkApTLQ', + // videoUrl: mp410, + videoUrl: 'http://qvutp218u.hn-bkt.clouddn.com/10.mp4', videoPoster: src1Bg, isLoved: false, loves: 1234, diff --git a/src/pages/home/SlideListVirtual.vue b/src/pages/home/SlideListVirtual.vue index f83b093..e97695d 100644 --- a/src/pages/home/SlideListVirtual.vue +++ b/src/pages/home/SlideListVirtual.vue @@ -89,6 +89,7 @@ export default { const parent = document.createElement('div') const ins = app.mount(parent) this.appInsMap.set(index, app) + // this.appInsMap.set(index, ins) return ins.$el }, changeIndex(init = false, index = null) { @@ -185,8 +186,8 @@ export default { if (this.currentSlideItemIndex > 2) { let item = this.list[this.currentSlideItemIndex + 2] this.slideList.appendChild($(this.getInsEl(item, this.currentSlideItemIndex + 2))[0]) - // this.appInsMap.get($("#base-slide-list .base-slide-item:first").data('index')).unmount() - $("#base-slide-list .base-slide-item:first").remove() + this.appInsMap.get($("#base-slide-list .base-slide-item:first").data('index')).unmount() + // $("#base-slide-list .base-slide-item:first").remove() $(".base-slide-item").each(function () { $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight) }) @@ -195,8 +196,8 @@ export default { if (this.currentSlideItemIndex > 1) { let item = this.list[this.currentSlideItemIndex - 2] this.slideList.prepend($(this.getInsEl(item, this.currentSlideItemIndex - 2))[0]) - // this.appInsMap.get($("#base-slide-list .base-slide-item:last").data('index')).unmount() - $("#base-slide-list .base-slide-item:last").remove() + this.appInsMap.get($("#base-slide-list .base-slide-item:last").data('index')).unmount() + // $("#base-slide-list .base-slide-item:last").remove() $(".base-slide-item").each(function () { $(this).css('top', (that.currentSlideItemIndex - 2) * that.wrapperHeight) })