Rumah

Kod sumber laman web

Kod sumber program mini

Muat semula tarik naik dan muat turun senarai applet WeChat

Muat turun sekarang Pratonton

##1.Perkenalkan beberapa komponen

###1.1 komponen paparan skrol

Tulis penerangan gambar di sini

Nota: Apabila menggunakan tatal menegak, anda perlu memberikan ketinggian tetap dan menetapkan ketinggian melalui WXSS. ###1.2 komponen imej

Tulis penerangan gambar di sini

Nota: mod mempunyai 12 mod, 3 daripadanya ialah mod zum dan 9 ialah mod pemangkasan. ###1.3 Komponen ikon Tulis penerangan gambar di sini

iconType: [ 'kejayaan', 'maklumat', 'amaran', 'menunggu', 'selamat_kejayaan', 'selamat_amaran', 'kejayaan_kalangan', 'berjaya_tiada_kalangan', 'menunggu_kalangan', 'kalangan', 'muat turun', 'info_circle' , 'batal', 'cari', 'kosongkan' ]

2. Pelaksanaan pull-up loading dan pull-down menyegarkan senarai

##2.1 Mari kita buat rendering dahulu dan tulis penerangan gambar di sini ##2.2 Logiknya sangat mudah, cuma muat naik kod ###2.2.1 detail.fail susun atur wxml

<loading hidden="{{hidden}}" bindchange="loadingChange">
Memuatkan...
</loading> <scroll-view scroll-y="true" style="height: 100%;" bindscrolltolower="loadMore" bindscrolltoupper="refesh">
<view wx:if="{{hasRefesh}}" style="display: flex;flex-direction: row;align-items: center;align-self: center;justify-content: center;">
<icon type="waiting" size="45"/><text>Refreshing...</text></view>
<lihat wx:else style="display:none" ><text></text></view>
<lihat class="lll" wx:for="{{list}}" wx:for-item="item" bindtap="bindViewTap"
data-title="{{item.title}}" >
<image style=" width: 50px;height: 50px;margin: 20rpx;" src="{{item.firstImg}}" ></image>
<lihat kelas="eee" > <view style="margin:5px;font-size:8px"> title:{{item.title}}</view>
<view style="margin:5px;color:red;font-size:6px"> Sumber:{{item.source}}</view>
</view>
</lihat>
<lihat kelas="tips1">
<view wx:if="{{hasMore}}" style="display: flex;flex-direction: row;align-items: center;align-self: center;justify-content: center;">
<icon type="waiting" size="45"/><text>Memuatkan maut...</text></view>
<lihat wx:else><teks>Tiada lagi kandungan</teks></lihat>
</lihat>
</scroll-view>

###2.2.1 detail.js fail kod logik

var network_util = memerlukan('../../utils/network_util.js');
var json_util = memerlukan('../../utils/json_util.js');
Halaman({
data:{
// teks:"Ini adalah halaman"
Senarai:[],
dd:'',
Tersembunyi:palsu,
Muka surat: 1,
Saiz: 20,
HasMore:true,
HasRefesh:false
},
onLoad:function(pilihan){
var itu = ini;
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno=1&ps=10';
Network_util._get(url,
fungsi(res){
That.setData({
Senarai:res.data.result.list,
tersembunyi: benar,
});
},fungsi(res){
console.log(res);
});
},
onReady:function(){
// Penyampaian halaman selesai
},
onShow:function(){
// Paparan halaman
},
onHide:function(){
// Halaman disembunyikan
},
onUnload:function(){
// Halaman ditutup
},
//Klik pemprosesan acara
bindViewTap: fungsi(e) {
console.log(e.currentTarget.dataset.title);
},
//Muat lagi
loadMore: fungsi(e) {
var itu = ini;
That.setData({
hasRefesh:true,});
Jika (!this.data.hasMore) kembali
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno='+(++that.data.page)+'&ps=10';
Network_util._get(url,
fungsi(res){
That.setData({
Senarai: that.data.list.concat(res.data.result.list),
tersembunyi: benar,
HasRefesh:palsu,
});
},fungsi(res){
console.log(res);
})
},
//Segar semula pemprosesan
refesh: fungsi(e) {
var itu = ini;
that.setData({
hasRefesh:true,
});
var url = 'http://v.juhe.cn/weixin/query?key=f16af393a63364b729fd81ed9fdd4b7d&pno=1&ps=10';
Network_util._get(url,
fungsi(res){
That.setData({
Senarai:res.data.result.list,
tersembunyi: benar,
Halaman:1,
hasRefesh:false,
});
},fungsi(res){
console.log(res);
})
},
})

Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

Cara menggunakan PHP untuk melaksanakan fungsi muat semula tarik-turun dalam applet WeChat

01 Jun 2023

Dengan populariti program mini WeChat, banyak pembangun telah mula menggunakan bahasa PHP untuk membina perkhidmatan backend program mini WeChat. Muat semula tarik-turun ialah fungsi interaktif yang sangat biasa dalam program mini Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi muat semula tarik-turun dalam program mini WeChat. 1. Prinsip muat semula tarik-turun dalam applet WeChat Dalam applet WeChat, prinsip pelaksanaan muat semula tarik-turun ialah pelanggan memulakan permintaan HTTP kepada pelayan, dan kemudian pelayan mengembalikan data terkini kepada klien. Selepas pelanggan mendapat data, ia menggunakan JavaScript untuk menukar data terkini

Perbincangan ringkas tentang cara melaksanakan fungsi muat semula tarik-turun dan muat naik dalam program mini? (dengan kod)

26 Oct 2021

Artikel ini akan memperkenalkan kepada anda cara melaksanakan fungsi muat semula tarik-turun dan muat naik dalam program mini. Saya harap ia akan membantu anda!

Applet WeChat melaksanakan kesan muat semula tarik-turun

21 Nov 2023

Applet WeChat melaksanakan kesan penyegaran tarik-turun Sebagai platform pembangunan aplikasi mudah alih yang ringan, applet WeChat telah digunakan dan dibangunkan secara meluas dalam industri aplikasi mudah alih sejak beberapa tahun kebelakangan ini. Muat semula tarik ke bawah ialah kesan interaktif biasa Ia boleh menyegarkan kandungan secara automatik apabila pengguna menarik ke bawah halaman dalam halaman senarai, meningkatkan pengalaman pengguna dan mengemas kini data tepat pada masanya. Artikel ini akan memperkenalkan cara melaksanakan kesan muat semula tarik-turun dalam applet WeChat dan memberikan contoh kod khusus. Untuk menambah komponen muat semula tarik turun, mula-mula, dalam fail .wxml halaman yang anda perlukan untuk menambah kesan muat semula tarik turun, tambah

Bagaimana untuk melaksanakan fungsi muat semula tarik turun dan muat naik dalam uniapp

14 Apr 2023

Dengan peningkatan berterusan pembangunan terminal mudah alih, permintaan pembangun untuk aplikasi mudah alih juga semakin tinggi. Dalam kebanyakan aplikasi mudah alih, tarik ke bawah untuk menyegarkan dan tarik ke atas untuk memuatkan adalah fungsi yang lebih penting Untuk meningkatkan pengalaman pengguna, banyak aplikasi mudah alih akan menambah dua fungsi ini. Di sini, kami akan memperkenalkan cara melaksanakan tarik-turun untuk memuat semula dan tarik-turun untuk memuatkan lebih banyak fungsi dalam uniapp. 1. Pengenalan kandungan asas uniapp ialah rangka kerja pembangunan aplikasi merentas platform berdasarkan rangka kerja Vue.js, yang menyokong penerbitan satu kali dan penerbitan berbilang hujung. Oleh kerana ciri merentas platformnya yang baik, pada masa yang sama

Penjelasan terperinci tentang langkah-langkah untuk menyediakan applet Gitee

31 Mar 2023

Gitee adalah platform sumber terbuka yang sangat baik yang bukan sahaja menyokong pengehosan kod, tetapi juga mempunyai banyak fungsi seperti Wiki, blog, e-mel, CI/CD, dll. Untuk pembangun program mini, Gitee turut menyediakan tetapan program mini. Hari ini kami akan menerangkan secara terperinci langkah-langkah untuk menyediakan applet Gitee. ## Langkah pertama: Buat program mini baharu Pertama, kita perlu mencipta program mini baharu di Gitee. Buka laman utama Gitee, klik "Gudang Baharu", dan pilih "Program Mini" dalam "Jenis Gudang": ![Program Mini Baharu](https://img

Adakah kod program mini ditetapkan?

04 Jan 2022

Kod program mini tetap selagi APPID program mini tidak berubah, kod program mini tidak akan berubah boleh mendapatkan kod program mini untuk mana-mana halaman program mini melalui antara muka latar belakang.

EasyWeChat dan PHP menyedari fungsi log masuk pengguna applet WeChat

19 Jul 2023

EasyWeChat ialah SDK WeChat sumber terbuka berdasarkan PHP, yang memudahkan proses interaksi antara pembangun dan akaun rasmi WeChat dan program mini. Dalam artikel ini, saya akan memperkenalkan cara menggunakan EasyWeChat dan PHP untuk melaksanakan fungsi log masuk pengguna applet WeChat, dan melampirkan sampel kod. Pertama, kita perlu mendapatkan kod kelayakan log masuk WeChat pengguna pada program mini. Bukti kelayakan log masuk pengguna boleh diperolehi melalui antara muka wx.login() program mini. Kaedah pemerolehan adalah seperti berikut: wx.login({

Apakah kod QR program mini?

04 Jan 2022

Kod QR Program Mini ialah pintu masuk penting ke Program Mini Pedagang boleh menggunakan keupayaan kod QR Program Mini untuk menjana kod QR yang melompat ke halaman yang ditetapkan bagi Program Mini mereka sendiri, yang boleh digunakan untuk promosi kod dalam talian dan luar talian. bagi memudahkan promosi Program Mini.

Cara menggunakan PHP untuk melaksanakan fungsi penjanaan kod QR dalam applet WeChat

01 Jun 2023

Dengan populariti program mini WeChat, semakin ramai pembangun telah mula memberi perhatian kepada teknologi pembangunan dan kaedah pelaksanaan program mini. Antaranya, kod QR, sebagai salah satu komponen penting program mini, digunakan secara meluas dalam promosi program mini dan pengenalan pengguna. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi penjanaan kod QR dalam program mini WeChat, membantu pembangun menggunakan kod QR dalam program mini dengan lebih mudah. 1. Penjanaan kod QR applet WeChat Dalam pembangunan applet WeChat, penjanaan kod QR adalah fungsi yang sangat penting. Dengan menjana kod QR, pengguna boleh mengimbas

See all articles