diff --git a/pages/video_show/video_show.js b/pages/video_show/video_show.js index 3dca543..57698de 100644 --- a/pages/video_show/video_show.js +++ b/pages/video_show/video_show.js @@ -29,6 +29,10 @@ Page({ this.get_config() const list = wx.getStorageSync('sourcesList') || [] + // const list = [{ + // url: "https://oss.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-d95kucn7qqsgFptxhXa6SWi2uePJ5Bg8RFLPIvsEG-4BUDm7F7lfn5E55tXAL34gR30K7Ur1wa7ia1zx17l80NDI5", + // type: "image" + // }] let videoContexts = [] list.forEach((element, index) => { diff --git a/pages/video_show/video_show.less b/pages/video_show/video_show.less index 04334b3..7af0c7c 100644 --- a/pages/video_show/video_show.less +++ b/pages/video_show/video_show.less @@ -12,7 +12,7 @@ background-color: rgba(255, 255, 255, .3); position: fixed; left: 20rpx; - top: 50rpx; + top: 86px; z-index: 1000; .icon { @@ -25,13 +25,18 @@ width: 100vw; height: 100vh; + .swiper-item { + overflow: auto; + } + .video { width: 100vw; + height: 100vh; } .icon { width: 100vw; - max-height: 80vh; + height: 500rpx; } } @@ -42,4 +47,11 @@ color: #ffffff; position: fixed; top: 0; -} \ No newline at end of file +} + +// .scroll-view { +// // flex-direction: column; +// display: flex; +// justify-content: center; +// align-items: center; +// } \ No newline at end of file diff --git a/pages/video_show/video_show.wxml b/pages/video_show/video_show.wxml index ca278a9..4399c39 100644 --- a/pages/video_show/video_show.wxml +++ b/pages/video_show/video_show.wxml @@ -1,18 +1,20 @@ - + {{ (swiperCurrent * 1 + 1) + " / " + list.length }} - + - - + + + \ No newline at end of file diff --git a/pages/video_show/video_show.wxss b/pages/video_show/video_show.wxss index 21ddd60..2a36f24 100644 --- a/pages/video_show/video_show.wxss +++ b/pages/video_show/video_show.wxss @@ -11,7 +11,7 @@ background-color: rgba(255, 255, 255, 0.3); position: fixed; left: 20rpx; - top: 50rpx; + top: 86px; z-index: 1000; } .close .icon { @@ -22,12 +22,16 @@ width: 100vw; height: 100vh; } +.swiper .swiper-item { + overflow: auto; +} .swiper .video { width: 100vw; + height: 100vh; } .swiper .icon { width: 100vw; - max-height: 80vh; + height: 500rpx; } .header { width: 100vw;