bangdan.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. const app = getApp();
  2. let myRequest = require('../../../api/index.js')
  3. // 定义一个全局变量保存从接口获取到的数据,以免重复请求接口
  4. let resut;
  5. Page({
  6. /**
  7. * 页面的初始数据
  8. */
  9. data: {
  10. showCover: false,
  11. currentTab: 0,
  12. navTitle: [
  13. { title: '经典必听' },
  14. { title: '优质专辑' },
  15. { title: '有声小说' },
  16. { title: '儿童教育' },
  17. { title: '人文历史' },
  18. { title: '最潮外语' },
  19. { title: '商业财经' },
  20. { title: '热门新闻' }
  21. ]
  22. },
  23. /**
  24. * 生命周期函数--监听页面加载
  25. */
  26. onLoad: function (options) {
  27. let that = this;
  28. myRequest.getData().then(res => {
  29. resut = res;
  30. that.setData({
  31. list: res.data.hotRecommends.list[0].list
  32. })
  33. })
  34. },
  35. handleClick(e) {
  36. let currentTab = e.currentTarget.dataset.index;
  37. // 实现每一个tabbar切换对应内容的原理,根据每一个tabbar的index对应数组中的数据
  38. this.setData({
  39. currentTab,
  40. list: resut.data.hotRecommends.list[currentTab].list
  41. })
  42. },
  43. pullDown: function () {
  44. let that = this;
  45. that.setData({
  46. showCover: true
  47. })
  48. },
  49. closeCover: function () {
  50. let that = this;
  51. that.setData({
  52. showCover: false
  53. })
  54. },
  55. coverCheck: function (e) {
  56. let currentTab = e.currentTarget.dataset.index;
  57. // 实现每一个tabbar切换对应内容的原理,根据每一个tabbar的index对应数组中的数据
  58. this.setData({
  59. currentTab,
  60. list: resut.data.hotRecommends.list[currentTab].list
  61. })
  62. this.closeCover()
  63. }
  64. })