微信小程序实现b站首页和视频详情页

Page({ /** * 页面的初始数据 */ data: { // 首页导航数据 navList: [], currentIndex: 0, // 滚动轮播图 swiperList: [], // 视频列表 videoList: [], }, // 首页导航数据获取 getNavList () { var that = this; wx.request({ url: 'https://mock-api.com/mnEe4VnJ.mock/navList', data: {}, header: {'content-type':'application/json'}, method: 'GET', dataType: 'json', responseType: 'text', success: (result)=>{ //console.log(result); if(result.data.code === 0){ that.setData({ navList: result.data.data.navList }) } }, fail: ()=>{}, complete: ()=>{} }); }, /* 到瀚蓝点击操作 */ activeNav (e) { this.setData({ currentIndex: e.target.dataset.index }) }, /* * 滚动录播动画数据获取 */ getSwiperList () { var that = this; wx.request({ url:'https://mock-api.com/mnEe4VnJ.mock/swiperList', success: (result) => { // console.log(result) if(result.data.code === 0){ that.setData({ swiperList: result.data.data.swiperList }) } } }) }, /* 获取视频列表数据 */ getVideoList () { var that = this; wx.request({ url:'https://mock-api.com/mnEe4VnJ.mock/videoList', success: (result) => { // console.log(result) if(result.data.code === 0){ that.setData({ videoList: result.data.data.videoList }) } } }) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // 1\获取首恶导航数据 this.getNavList() this.getSwiperList() this.getVideoList() }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })