Page({
   /**
   * 页面的初始数据
   */
  data: {
		// 1. 首页导航数据，进行数组声明
     	navList: []
  },
  // 2.定义获取首页导航数据的方法
  getNavList() {
     let that=this;
     // 利用小程序内置的发送请求的方法,从url获取成功之后，调用success函数对navList赋值
     wx.request({
       url: "https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/navList",
       success(res) {
         if(res.data.code===0){
           that.setData({
             navList:res.data.data.navList
           })         }       }     })  },
   /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 3.获取首页导航数据，在onload页面刚加载的时候就进行数据请求
    this.getNavList();
  },
... })

/*在data声明数组的时候，直接赋值，然后getNavList()方法的声明和调用也就不需要了，如下*/
data: {
    navList: [{
        "text": "首页",
        "id": 0
      },
      {
        "text": "动画",
        "id": 1
      },
      {
        "text": "番剧",
        "id": 2
      }, {
        "text": "国创",
        "id": 3
      }, {
        "text": "音乐",
        "id": 4
      }, {
        "text": "舞蹈",
        "id": 5
      }, {
        "text": "科技",
        "id": 6
      }, {
        "text": "游戏",
        "id": 7
      }
    ],
}，

// 先在data中声明变量，被点击的首页导航的菜单的索引
    currentIndexNav:0

// 然后声明点击的方法，点击首页导航按钮
  activeNav(e){
    this.setData({
      currentIndexNav:e.target.dataset.index
    })  },

/*这是定义在index.js中的方法名称*/
getSwiperList() {
     let that=this;
     wx.request({
       url: "https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/swiperList",
       success(res) {
         if(res.data.code===0){
           that.setData({
             swiperList:res.data.data.swiperList
           })         }       }     })  },

/*这是添加在index.wxml中的轮播图的结构*/
  <view class="slides">
      /*autoplay指的自动播放；indicator-dots指的浮动小圆点；circular指的轮播图自动循环播放*/
    	<swiper autoplay indicator-dots circular>
      			<swiper-item wx:for="" wx:key="">
        				<navigator>
          						<image mode="widthFix" src=""></image>
        				</navigator>
      			</swiper-item>
    	</swiper>
  </view>

/*这是定义在index.js中的方法名称*/
getVideosList() {
     let that=this;
     wx.request({
       url: "https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/videosList",
       success(res) {
         if(res.data.code===0){
           that.setData({
             swiperList:res.data.data.videosList
           })         }       }     })  },

/*这是添加在index.wxml中的视频列表的结构*/
<view class="video_wrap">
    	<navigator class="video_item" wx:for="" wx:key="">
      			<!-- 图片容器 -->
      			<view class="video_image">
        				<image mode="widthFix" src="" ></image>
        				<view class="video_info">
            					<!-- 播放量 -->
            					<view class="play_count"></view>
            					<!-- 评论量 -->
            					<view class="comment_count"></view>
        				</view>
     		 	</view>
     			<!-- 标题 -->
      			<view class="video_title"></view>
    	</navigator>
  </view>

  /**   * 生命周期函数--监听页面加载   */
  onLoad: function (options) {
    console.log(options); //{id: "2"}
  },

onLoad: function (options) {
    let videoId=options.id; // 将主页转递过来的id进行变量存储
    this.getVideoContent(videoId); //定义通过id值，调用接口，获取视频详情的方法
  },
 getVideoContent(videoId){
     // 这个接口是一个需要id值的接口
    wx.request({
        url:"https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/videoDetail?id="+videoId,
        success(res){
        	console.log(res);//输出的数据如下图
        }    })  },

// 在data中声明变量，将接口调回的数据进行赋值
data: {
    videoInfo: null
},
getVideoContent(videoId) {
    let that = this;
    wx.request({
      url: "https://easy-mock.com/mock/5c1dfd98e8bfa547414a5278/bili/videoDetail?id=" + videoId,
      success(res) {
        if(res.data.code===0){ //返回成功的标志
          that.setData({  //将接口数据保存下来
            videoInfo:res.data.data.videoInfo 
          })        }      }    })  },