bangdan.js 1.5 KB

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