新增直播轮播组件

2020-11-30 17:38:19 +08:00
parent 4b8baab1e5
commit f267036d9b
17 changed files with 102 additions and 66 deletions
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -1,17 +0,0 @@
-// pages/index/index.js
-Page({
-
-    /**
-     * 页面的初始数据
-     */
-    data: {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad (options) {
-
-    }
-})
--- a/pages/index/index.json
+++ b/pages/index/index.json
@@ -1,5 +0,0 @@
-{
-    "usingComponents": {
-        
-    }
-}
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,2 +0,0 @@
-<!--pages/index/index.wxml-->
-<text>pages/index/index.wxml</text>
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -1 +0,0 @@
-/* pages/index/index.wxss */
--- a/pages/videos/videos.js
+++ b/pages/videos/videos.js
@@ -0,0 +1,22 @@
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        videoList: [] //获取短视频列表
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        wx.$api.video.videos().then(res=>{
+            console.log(res)
+            this.setData({
+                videoList: res
+            })
+        })
+    }
+})
--- a/pages/videos/videos.json
+++ b/pages/videos/videos.json
@@ -0,0 +1,6 @@
+
+{
+    "usingComponents": {
+        "mp-video-swiper": "/components/videoSwiper/videoSwiper"
+    }
+}
--- a/pages/videos/videos.wxml
+++ b/pages/videos/videos.wxml
@@ -0,0 +1,6 @@
+
+<mp-video-swiper
+    video-list="{{videoList}}"
+    class="videoSwiper"
+>
+</mp-video-swiper>
--- a/pages/videos/videos.wxss
+++ b/pages/videos/videos.wxss
@@ -0,0 +1,6 @@
+
+.videoSwiper{
+    width: 100%;
+    height: 100vh;
+    position: relative;
+}