プログラムカード切り替え効果コンポーネントwxCard Swiperの実現

1978 ワード
アプレット カード切り替え
wxCard Swiper
アプレットカードの効果コンポーネントを切り替えます。カードデータを非同期で追加し、ジェスチャースライドトリガーをサポートします。
ソースアドレス：https://github.com/doterlin/wxCardSwiper
使い方
本プロジェクトファイルのcomponents/cardSwiperフォルダをあなたのプロジェクトのディレクトリにコピーして、ページのjson配置とページに導入します。カスタムコンポーネントの導入と使用は公式文書を参照してください。
このプロジェクトにはコンポーネントとページデモが含まれています。直接運転できます。
パラメータ
  • data Aray着信初期データ配列
  • loadmoreイベントは、より多くのデータをロードする必要があるときに出発する。
    • 例

    yourPage.jsonページ構成（以下のパスをcopyからプロジェクトのパスに変えます。）
    
{
 "usingComponents": {
  "CardSwiper": "/components/cardSwiper/cardSwiper"
 }
}
    yourPage.wxmlページ構造
    
<CardSwiper data="{{swiperData}}" bindloadmore="loadMore"> </CardSwiper>
    yourPage.jsページjs
    
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,
      },
      success (res) {
        detail.addToList(res.data); //  detail.addToList             
      }
    })
  }
})
    より詳細な例は、本事業のPages/indexページを参照してください。
    スタイルの変更
    もしスタイルと構造が展示の需要を満たすことができないなら、cardSwiperコンポーネントの中で自分でwxmlとwxssコードを修正する必要があります。
    以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
    oracleの表空間実例詳細解
    Oracle sqlldrは日付列の実例を導入します。