home.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. // pages/home/home.js
  2. const $request = require('../../utils/request');
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. background: [],//轮播图
  9. opera:[],//国产剧
  10. indicatorDots: true,
  11. vertical: false,
  12. autoplay: false,
  13. interval: 2000,
  14. duration: 500
  15. },
  16. /**
  17. * 生命周期函数--监听页面加载
  18. */
  19. onLoad(options) {
  20. this.getList();
  21. },
  22. getList() {
  23. // 数据加载前显示
  24. wx.showLoading({
  25. title: '加载中...',
  26. mask: true
  27. })
  28. // 获取数据信息
  29. return Promise.allSettled([
  30. $request({
  31. url:'https://m.douban.com/rexxar/api/v2/subject_collection/tv_domestic/items?start=0&count=8'
  32. }),
  33. $request({
  34. url:'https://m.douban.com/rexxar/api/v2/subject_collection/tv_variety_show/items?start=0&count=8'
  35. }),
  36. $request({
  37. url:'https://m.douban.com/rexxar/api/v2/subject_collection/tv_american/items?start=0&count=8'
  38. })
  39. ]).then(response => {
  40. // 取消加载loading
  41. wx.hideLoading();
  42. console.log(response,'打印')
  43. let partOne = response[0];
  44. let partTwo = response[1];
  45. let partThree = response[2];
  46. // 国产剧
  47. var opera1 = partOne.value.data.subject_collection_items;
  48. this.setData({
  49. opera: opera1
  50. })
  51. console.log(opera1);
  52. // 轮播图
  53. var swiperList = [];
  54. for(var i=1;i<5;i++) {
  55. swiperList.push(opera1[i].photos[0])
  56. }
  57. this.setData({
  58. background: swiperList
  59. })
  60. console.log(swiperList,'sss')
  61. }).catch(err => {
  62. console.log(err)
  63. })
  64. },
  65. /**
  66. * 生命周期函数--监听页面初次渲染完成
  67. */
  68. onReady() {
  69. },
  70. /**
  71. * 生命周期函数--监听页面显示
  72. */
  73. onShow() {
  74. },
  75. /**
  76. * 生命周期函数--监听页面隐藏
  77. */
  78. onHide() {
  79. },
  80. /**
  81. * 生命周期函数--监听页面卸载
  82. */
  83. onUnload() {
  84. },
  85. /**
  86. * 页面相关事件处理函数--监听用户下拉动作
  87. */
  88. onPullDownRefresh() {
  89. },
  90. /**
  91. * 页面上拉触底事件的处理函数
  92. */
  93. onReachBottom() {
  94. },
  95. /**
  96. * 用户点击右上角分享
  97. */
  98. onShareAppMessage() {
  99. }
  100. })