W250913/13.小程序demo/pages/movie/movie.js

// pages/movie/movie.js
const {
  default: Toast
} = require("@vant/weapp/toast/toast");
const axios = require("axios-miniprogram").default;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    movieList: [],
    start: 0,
    count: 10
  },
  init: function () {
    const toast = 
    // 自定义加载图标
    Toast.loading({
      message: '加载中...',
      forbidClick: true,
    });
    axios.get("http://localhost:4000/movie/list", {
      start: this.data.movieList.length,
      count: this.data.count
    }).then(res => {
      this.setData({
        movieList: [...this.data.movieList,...res.data.subject_collection_items]
      })
      Toast.clear();
    }).catch(err => {
      console.log("失败")
    })
  },
  goDetail:function(event) {
    console.log("执行",event.target.dataset.movieid)
    wx.navigateTo({
      url: `/pages/detail/detail?id=${event.target.dataset.movieid}`
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.init();
  },

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

  },

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

  },

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

  },

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

  },

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

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.init()
  },

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

  }
})