小程序卡片切换效果组件wxCardSwiper的实现

{
 "usingComponents": {
  "CardSwiper": "/ponents/cardSwiper/cardSwiper"
 }
}

<CardSwiper data="{{swiperData}}" bindloadmore="loadMore"> </CardSwiper>

Page({
  data: {
    currentPage: 0,
    totalPage: 2,
    swiperData: [{
      name: "page: 0, index: 1"
    },{
      name: "page: 0, index: 2"
    },{
      name: "page: 0, index: 3"
    }]
  },

  loadMore({detail}){
    if(this.data.currentPage >= this.data.totalPage) return; //大于总页数时退出
    wx.request({
      url: 'yourApiurl', //仅为示例，并非真实的接口地址
      data: {
        page: this.data.currentPage,
      },
      suess (res) {
        detail.addToList(res.data); //调用detail.addToList将新数据累加到组件内部数据
      }
    })
  }
})