a级国产乱理伦片在线播放,电影久久久久久

首頁(yè)

微信小程式

小程式開(kāi)發(fā)

微信小程式清單下拉刷新上拉載入實(shí)例程式碼

小云云

Feb 03, 2018 am 09:02 AM

重新整理載入小程式

本文主要和大分享微信小程式實(shí)現(xiàn)列表下拉刷新上拉加載，具有一定的參考價(jià)值，有興趣的小伙伴們可以參考一下，希望能幫助到大家。

DEMO下載

效果圖

微信小程式清單下拉刷新上拉載入實(shí)例程式碼

#原則

頁(yè)面設(shè)定JSON

enablePullDownRefresh：開(kāi)啟下拉刷新；

onReachBottomDistance：頁(yè)面上拉觸底事件觸發(fā)時(shí)距頁(yè)面底部距離，單位為px。

{
 "enablePullDownRefresh": true,
 "onReachBottomDistance": 50
}

WXML

<view class="tui-content">
 <view class="tui-menu-list" wx:for="{{dataList}}">Item -- {{item}}</view>
</view>

此處用setTimeout模擬請(qǐng)求資料；

載入資料限制三次，呼叫wx.showToast顯示沒(méi)有更多資料。

Page({
 data: {
 dataList: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],
 count : 0
 },
 onPullDownRefresh(){
 var self = this;
 setTimeout(() => {
  // 模擬請(qǐng)求數(shù)據(jù)，并渲染
  var arr = self.data.dataList, max = Math.max(...arr);
  for (var i = max + 1; i <= max + 3; ++i) {
  arr.unshift(i);
  }
  self.setData({ dataList: arr });
  // 數(shù)據(jù)成功后，停止下拉刷新
  wx.stopPullDownRefresh();
 }, 1000);
 },
 onReachBottom(){
 var arr = this.data.dataList, max = Math.max(...arr);
 if (this.data.count < 3) {
  for (var i = max + 1; i <= max + 5; ++i) {
  arr.push(i);
  }
  this.setData({
  dataList: arr,
  count: ++this.data.count
  });
 } else {
  wx.showToast({
  title: &#39;沒(méi)有更多數(shù)據(jù)了！&#39;,
  image: &#39;../../src/images/noData.png&#39;,
  })
 }
 }
})

總結(jié)#########必須在每次資料要求完成後，使用wx.stopPullDownRefresh()停止下拉刷新。 ######相關(guān)推薦：############微信小程式清單的上拉載入和下拉刷新的實(shí)作#######

以上是微信小程式清單下拉刷新上拉載入實(shí)例程式碼的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本網(wǎng)站聲明

本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

熱工具

熱門話題

gmail信箱登陸入口在哪裡

8638

Java教學(xué)

1783

CakePHP 教程

1728

Laravel 教程

1579

PHP教程

1443

Related knowledge

在 iPhone 上刷新網(wǎng)頁(yè)的 6 種方法 Feb 05, 2024 pm 02:00 PM

當(dāng)您在iPhone上瀏覽網(wǎng)頁(yè)時(shí)，載入的內(nèi)容會(huì)暫時(shí)存儲(chǔ)，只要瀏覽器應(yīng)用程式保持開(kāi)啟。然而，網(wǎng)站會(huì)定期更新內(nèi)容，因此刷新頁(yè)面是清除舊資料並查看最新發(fā)佈內(nèi)容??的有效方法。這樣，您可以始終獲得最新的資訊和體驗(yàn)。如果您想在iPhone上刷新頁(yè)面，以下貼文將向您解釋所有方法。如何在Safari上刷新網(wǎng)頁(yè)[4種方法]有幾種方法可以刷新您在iPhone上的Safari瀏覽器App上查看的頁(yè)面。方法1：使用「刷新」按鈕刷新您在Safari瀏覽器上開(kāi)啟的頁(yè)面的最簡(jiǎn)單方法是使用瀏覽器標(biāo)籤列上的「刷新」選項(xiàng)。如果Safa

F5刷新金鑰在Windows 11中不起作用 Mar 14, 2024 pm 01:01 PM

您的Windows11/10PC上的F5鍵是否無(wú)法正常運(yùn)作？ F5鍵通常用於刷新桌面或資源管理器或重新載入網(wǎng)頁(yè)。然而，我們的一些讀者報(bào)告說(shuō)，F(xiàn)5鍵正在刷新他們的計(jì)算機(jī)，並且無(wú)法正常工作。如何在Windows11中啟用F5刷新？要刷新您的WindowsPC，只需按下F5鍵即可。在某些筆記型電腦或桌上型電腦上，您可能需要按下Fn+F5組合鍵才能完成刷新操作。為什麼F5刷新不起作用？如果按下F5鍵無(wú)法刷新您的電腦或在Windows11/10上遇到問(wèn)題，可能是因?yàn)楣δ苕I被鎖定。其他潛在原因包括鍵盤或F5鍵

在Illustrator中載入插件時(shí)出錯(cuò)[修復(fù)] Feb 19, 2024 pm 12:00 PM

啟動(dòng)AdobeIllustrator時(shí)是否會(huì)彈出載入插件時(shí)出錯(cuò)的訊息？一些Illustrator用戶在打開(kāi)該應(yīng)用程式時(shí)遇到了此錯(cuò)誤。訊息後面緊跟著一系列有問(wèn)題的插件。此錯(cuò)誤提示表示已安裝的插件有問(wèn)題，但也可能是由於VisualC++DLL檔案損壞或首選項(xiàng)檔案受損等其他原因所引起。如果遇到此錯(cuò)誤，我們將在本文中指導(dǎo)您修復(fù)問(wèn)題，請(qǐng)繼續(xù)閱讀以下內(nèi)容。在Illustrator中載入外掛程式時(shí)出錯(cuò)如果您在嘗試啟動(dòng)AdobeIllustrator時(shí)收到「載入外掛程式時(shí)出錯(cuò)」的錯(cuò)誤訊息，您可以使用以下用途：以管理員身

Stremio字幕不工作；載入字幕時(shí)出錯(cuò) Feb 24, 2024 am 09:50 AM

字幕在你的WindowsPC上不能在Stremio上運(yùn)行嗎？一些Stremio用戶報(bào)告說(shuō)，影片中沒(méi)有顯示字幕。許多用戶報(bào)告說(shuō)他們遇到了一條錯(cuò)誤訊息，上面寫著「載入字幕時(shí)出錯(cuò)」。以下是與此錯(cuò)誤一起顯示的完整錯(cuò)誤訊息：載入字幕時(shí)出錯(cuò)載入字幕失?。哼@可能是您正在使用的插件或您的網(wǎng)路有問(wèn)題。正如錯(cuò)誤訊息所說(shuō)，可能是您的網(wǎng)路連線導(dǎo)致了錯(cuò)誤。因此，請(qǐng)檢查您的網(wǎng)路連接，並確保您的網(wǎng)路運(yùn)作正常。除此之外，這個(gè)錯(cuò)誤的背後可能還有其他原因，包括字幕加載項(xiàng)衝突、特定影片內(nèi)容不支援字幕以及Stremio應(yīng)用程式過(guò)時(shí)。如

使用Python開(kāi)發(fā)微信小程式 Jun 17, 2023 pm 06:34 PM

隨著行動(dòng)互聯(lián)網(wǎng)技術(shù)和智慧型手機(jī)的普及，微信成為了人們生活中不可或缺的一個(gè)應(yīng)用。而微信小程式則讓人們可以在不需要下載安裝應(yīng)用程式的情況下，直接使用小程式來(lái)解決一些簡(jiǎn)單的需求。本文將介紹如何使用Python來(lái)開(kāi)發(fā)微信小程式。一、準(zhǔn)備工作在使用Python開(kāi)發(fā)微信小程式之前，需要先安裝相關(guān)的Python函式庫(kù)。這裡推薦使用wxpy和itchat這兩個(gè)函式庫(kù)。 wxpy是一個(gè)微信機(jī)器

實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效 Nov 21, 2023 am 10:55 AM

實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效在微信小程式中，實(shí)現(xiàn)卡片翻轉(zhuǎn)特效是一種常見(jiàn)的動(dòng)畫效果，可以提升使用者體驗(yàn)和介面互動(dòng)的吸引力。以下將具體介紹如何在微信小程式中實(shí)現(xiàn)卡片翻轉(zhuǎn)的特效，並提供相關(guān)程式碼範(fàn)例。首先，需要在小程式的頁(yè)面佈局檔案中定義兩個(gè)卡片元素，一個(gè)用於顯示正面內(nèi)容，一個(gè)用於顯示背面內(nèi)容，具體範(fàn)例程式碼如下：&l

如何快速刷新網(wǎng)頁(yè)？ Feb 18, 2024 pm 01:14 PM

頁(yè)面刷新在我們?nèi)粘５木W(wǎng)路使用中非常常見(jiàn)，當(dāng)我們?cè)L問(wèn)一個(gè)網(wǎng)頁(yè)後，有時(shí)會(huì)遇到一些問(wèn)題，例如網(wǎng)頁(yè)加載不出來(lái)或顯示不正常等。這時(shí)候我們通常會(huì)選擇刷新頁(yè)面來(lái)解決問(wèn)題，那麼要如何快速刷新頁(yè)面呢？下面我們就來(lái)探討頁(yè)面刷新的快捷鍵。頁(yè)面刷新快捷鍵是一種透過(guò)鍵盤操作來(lái)快速刷新目前網(wǎng)頁(yè)的方法。在不同的作業(yè)系統(tǒng)和瀏覽器中，頁(yè)面刷新的快捷鍵可能有所不同。下面我們以常見(jiàn)的W

支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補(bǔ)充生僻字庫(kù) Oct 31, 2023 pm 09:25 PM

本站10月31日消息，今年5月27日，螞蟻集團(tuán)宣布啟動(dòng)“漢字拾光計(jì)劃”，最近又迎來(lái)新進(jìn)展：支付寶上線“漢字拾光-生僻字”小程序，用於向社會(huì)徵集生僻字，補(bǔ)充生僻字庫(kù)，同時(shí)提供不同的生僻字輸入體驗(yàn)，以幫助完善支付寶內(nèi)的生僻字輸入方法。目前，用戶搜尋「漢字拾光」、「生僻字」等關(guān)鍵字就可以進(jìn)入「生僻字」小程式。在小程式裡，使用者可以提交尚未被系統(tǒng)辨識(shí)輸入的生僻字圖片，支付寶工程師確認(rèn)後，將會(huì)對(duì)字庫(kù)進(jìn)行補(bǔ)錄入。本站注意到，使用者也可以在小程式體驗(yàn)最新的拆字輸入法，這項(xiàng)輸入法針對(duì)讀音不明確的生僻字設(shè)計(jì)。用戶拆

See all articles

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

微信小程式清單下拉刷新上拉載入實(shí)例程式碼