W250511/13.小程序练习/pages/home/home.js

// pages/home/home.js
const $http = require('../../utils/http');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    indicatorDots: true,
    vertical: false,
    autoplay: true,
    interval: 2000,
    duration: 500,
    indicatorColor:'#fff',
    opera: [],
    variety: [],
    AmericanTv: [],
    bannerList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getMain();
  },
  getMain() {
    return Promise.allSettled([
      $http({
        url: 'https://m.douban.com/rexxar/api/v2/subject_collection/tv_domestic/items?start=0&count=8',
      }),
      $http({
        url: 'https://m.douban.com/rexxar/api/v2/subject_collection/tv_variety_show/items?start=0&count=8',
      }),
      $http({
        url: 'https://m.douban.com/rexxar/api/v2/subject_collection/tv_american/items?start=0&count=8',
      }),
    ]).then(res => {
      console.log(res, 'res')
      let partOne = res[0];
      let partTwo = res[1];
      let partThree = res[2];
      // 国剧
      if (partOne.status == "fulfilled") {
        var opera = partOne.value.data.subject_collection_items;
      }
      // 综艺
      if (partTwo.status == "fulfilled") {
        var variety = partTwo.value.data.subject_collection_items;
      }
      // 国产剧
      if (partThree.status == "fulfilled") {
        var AmericanTv = partThree.value.data.subject_collection_items;
      }
      // 轮播图
      var bannerList = [];
      for (var i = 2; i < 6; i++) {
        console.log(opera[i].photos[0], 'w')
        bannerList.push(opera[i].photos[0])
      }
      this.setData({
        opera,
        variety,
        AmericanTv,
        bannerList
      })
      console.log(opera, 'opera')
    }).catch(err => {
      console.log(err, 'err')
    })

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})