Kalendar Program Mini WeChat
Analisis pemikiran
Untuk melaksanakan kalendar, anda perlu mengetahui beberapa nilai dahulu:
Ada berapa hari dalam sebulan
Hari apa hari pertama dalam bulan
Mengikut akal, kita tahu bahawa satu bulan mempunyai maksimum 31 hari dan minimum 28 hari Jika kalendar mempunyai 7 grid berturut-turut, akan ada 5 baris Namun, jika hari pertama bulan itu adalah Sabtu, akan ada enam baris grid.
Applet tidak mempunyai konsep operasi DOM, jadi ia tidak boleh memasukkan bilangan sel kosong secara dinamik ke dalam hari pertama bulan Ia hanya boleh dikawal dengan menambah gelung sel kosong di hadapan Untuk butiran, rujuk fail wxml .
Pengenalan templat kalendar
Panel templat kalendar menyokong gerak isyarat gelongsor ke kiri dan kanan
Menyediakan kaedah jumpToday untuk melompat ke hari ini
Tetapkan label tarikh tugasan setTodoLabels
Padamkan label tugasan untuk tarikh tertentu deleteTodoLabels
Kosongkan semua label tugasan tarikh clearTodoLabels
Sediakan pengenalan templat templat
Memperkenalkan wxml dan wxss
// example.wxml
<import src="../../template/calendar/index.wxml"/>
<lihat class="calendar-wrap">
<template is="calendar" data="{{...calendar}}" />
</lihat>
/* contoh.wxss */ @import '../../template/calendar/index.wxss';
Inisialisasi komponen kalendar
import initCalendar, { getSelectedDay, jumpToToday, setTodoLabels, deleteTodoLabels, clearTodoLabels } daripada '../../template/calendar/index'; Sama ada untuk mendayakan berbilang pilihan, // disablePastDay: true, // Sama ada untuk melumpuhkan tarikh lalu/*** Peristiwa dilaksanakan selepas memilih tarikh * @param { object } currentSelect Tarikh yang diklik semasa * @param { array } allSelectedDays Semua tarikh yang dipilih (hanya apabila mulit adalah benar, parameter allSelectedDays tersedia)*/ afterTapDay: (currentSelect, allSelectedDays) => { console.log('======= = ====================================='); console.log('Tarikh klik semasa', currentSelect); tarikh Terdapat penanda acara: ', currentSelect.hasTodo || false);
?????? allSelectedDays && console.log('semua tarikh yang dipilih', allSelectedDays.log('getSelectedDay method', getSelectedDay());
}, /*** Tarikh klik peristiwa (acara ini akan mengambil alih sepenuhnya peristiwa klik) * @param { objek } semasaPilih tarikh klik semasa * @param { objek } acara Tarikh klik objek acara*/ // onTapDay(currentSelect, event) { // console.log(currentSelect); // console.log(event); () { setTodoLabels({
? ? pos: 'bawah',
? ? ? ? ? titikWarna: '#40',
? ? ? ? hari: [{
Tahun: 2018,
bulan: 5,
hari: 12,
???????????}, {
Tahun: 2018,
bulan: 5,
hari: 15,
??????????}],
????????});
},
});
}, deleteTodo() { // Nyatakan tarikh apabila label tugasan perlu dipadamkan deleteTodoLabels([{
Tahun: 2018,
bulan: 5,
Hari: 12,
}, {
Tahun: 2018,
bulan: 5,
Hari: 15,
}]); // clearTodoLabels(); }, /*** Lompat ke hari ini*/ jump() { jumpToday();
},
}; Halaman(conf);
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

13 Jul 2025
Menggunakan program mini WeChat sebenarnya sangat mudah. Inti ialah mereka boleh digunakan secara langsung tanpa memuat turun dan memasangnya. Selepas membuka mereka dalam beberapa cara, mereka dapat mencapai operasi mudah dalam senario frekuensi tinggi harian. 1. Kaedah pembukaan termasuk pintu masuk "Mini Program" halaman penemuan, pautan perkongsian rakan atau bar carian di bahagian atas WeChat untuk memasukkan nama itu. Applet yang anda gunakan untuk kali pertama akan dikumpulkan secara automatik dalam "Program Mini Saya". 2. Antara muka dan operasi adalah serupa dengan aplikasi biasa. Klik butang untuk melompat dan luncurkan untuk melayari kandungan. Sesetengah fungsi memerlukan kebenaran yang diberi kuasa seperti lokasi, nombor telefon bimbit. 3. Dari segi pengurusan, "penggunaan terkini" akan merakam program mini terbuka. Anda boleh menambah program mini yang biasa digunakan untuk "program mini saya", atau anda boleh membersihkan cache atau menyahpasang dalam tetapan. 4. Program mini merangkumi pelbagai aspek kehidupan, seperti memerintahkan pengambilan, mengambil teksi, memeriksa cuaca, membeli -belah, dan kesihatan

06 Apr 2025
H5 memperoleh trafik melalui platform pengedaran kandungan, penghantaran pengiklanan, kod QR dan perkongsian pautan; Program mini mendapatkan lalu lintas melalui portal WeChat, trafik H5, kod QR dan pengoptimuman kata kunci.

06 Apr 2025
Terdapat perbezaan dalam kaedah promosi H5 dan program mini: ketergantungan platform: H5 bergantung kepada penyemak imbas, dan program mini bergantung kepada platform tertentu (seperti WeChat). Pengalaman Pengguna: Pengalaman H5 adalah miskin, dan program mini memberikan pengalaman yang lancar sama dengan aplikasi asli. Kaedah Komunikasi: H5 disebarkan melalui pautan, dan program mini dikongsi atau dicari melalui platform. Kaedah promosi H5: Perkongsian sosial, pemasaran e -mel, kod QR, SEO, iklan berbayar. Kaedah Promosi Program Mini: Promosi platform, perkongsian sosial, promosi luar talian, ASO, kerjasama dengan platform lain.

06 Apr 2025
Cadangan Alat Pembangunan H5: VSCode, Webstorm, Atom, Kurungan, Teks Sublime; Alat Pembangunan Program Mini: Alat Pembangun WeChat, Alat Pemaju Program Mini Alipay, IDE Program Mini Smart Baidu, Alat Pemaju Program Mini Toutiao, Taro.

06 Apr 2025
Perbezaan fungsi pembayaran antara H5 dan program MINI terutamanya ditunjukkan dalam aspek berikut: Keterbatasan Platform: H5 menyokong semua pelayar, dan program mini hanya tersedia pada platform tertentu. Proses Pembayaran: H5 perlu disiapkan dengan memanggil antara muka pihak ketiga, dan program mini boleh dipanggil secara langsung. Pengalaman pembayaran: Proses H5 adalah rumit, dan proses program mini mudah dan lancar. Keselamatan: Keselamatan H5 bergantung pada pelayar dan platform pihak ketiga, dan program mini lebih selamat. Keupayaan pemasaran: H5 boleh membenamkan elemen pemasaran, dan keupayaan pemasaran program mini dibatasi oleh dasar platform. Analisis Data: H5 memerlukan alat pihak ketiga untuk mengumpul data, dan platform program mini menyediakan alat analisis yang kaya. Senario Penggunaan: H5 sesuai untuk pembayaran silang platform, dan program mini sesuai untuk pembayaran dalam platform tertentu.

06 Apr 2025
Terdapat perbezaan yang signifikan dalam pengalaman pengguna antara program H5 dan mini: kaedah interaksi yang berbeza, H5 bergantung pada akses penyemak imbas, dan program mini tidak perlu dipasang; Ciri -ciri fungsional yang berbeza, H5 mempunyai fungsi yang kaya, dan program mini mempunyai fungsi terhad; Prestasi dan kelancaran yang berbeza, H5 dipengaruhi oleh penyemak imbas, dan program mini mempunyai prestasi yang lebih stabil; Tabiat pengguna yang berbeza, H5 menggunakan mod tradisional, dan program mini lebih akrab dengan operasi; Tahap penyesuaian yang berbeza, H5 mempunyai kebebasan yang tinggi, dan program mini adalah terhad. Pilih kaedah yang betul mengikut tempat kejadian dan tabiat pengguna.

04 Mar 2025
Artikel ini membincangkan navigasi program WeChat Mini, yang memberi tumpuan kepada menguruskan tindakan isyarat untuk halaman butiran pesanan. Ia menjelaskan bahawa secara langsung menggunakan isyarat-back untuk menavigasi ke halaman tertentu tidak disokong; Sebaliknya, navigasi yang betul menggunakan w

06 Apr 2025
H5. Perbezaan utama antara program mini dan aplikasi ialah: Senibina Teknikal: H5 adalah berdasarkan teknologi web, dan program mini dan aplikasi adalah aplikasi bebas. Pengalaman dan Fungsi: H5 adalah ringan dan mudah digunakan, dengan fungsi terhad; Program mini adalah ringan dan mempunyai interaktif yang baik; Aplikasi berkuasa dan mempunyai pengalaman yang lancar. Keserasian: H5 adalah serasi, aplikasinya dan aplikasinya yang serasi dengan platform. Kos Pembangunan: H5 mempunyai kos pembangunan yang rendah, program mini sederhana, dan aplikasi tertinggi. Senario yang berkenaan: H5 sesuai untuk paparan maklumat, applet sesuai untuk aplikasi ringan, dan aplikasi sesuai untuk fungsi kompleks.

06 Apr 2025
Terdapat perbezaan berikut dalam reka bentuk interaktif antara H5 dan Applet: Kaedah Pembangunan: H5 menggunakan teknologi web, dan applet dibangunkan dalam rangka kerja platform. Reka bentuk UX: H5 mengejar pengalaman konsisten silang platform, dan program mini memberi tumpuan kepada rasa aplikasi asli di bawah spesifikasi platform. Perpustakaan Komponen: H5 menyokong penyesuaian fleksibel, dan komponen applet disediakan oleh platform. Kaedah interaksi: H5 mempunyai interaksi yang pelbagai, dan program mini terutamanya bergantung pada operasi sentuhan. Prestasi: H5 mudah terdedah kepada kesan rangkaian, dan pengoptimuman prestasi program mini lebih baik. Ekosistem: H5 dibuka, program mini ditutup.


Alat panas

Demo program mini WeChat: pusat beli-belah tiruan
Demo program mini WeChat: meniru pusat membeli-belah, mudah dimulakan dan mempunyai pengenalan yang baik kepada beberapa fungsi asas pusat beli-belah

Bawa pulang: Laksanakan fungsi seperti sauh
Ia adalah fungsi utama yang sama yang diperlukan oleh semua orang Selain itu, ia juga melaksanakan fungsi pesanan biasa bagi beberapa aplikasi bawa pulang.

Demo program mini WeChat: Lezhu
Demo program mini WeChat: Lezhu: serupa dengan aplikasi berasaskan lokasi, agak serupa dengan semangat program mini Zhang Xiaolong.

Demo permainan program mini WeChat memilih blok warna yang berbeza
Demo permainan program mini WeChat memilih blok warna yang berbeza

Demo applet WeChat: transformasi imej karusel
Perubahan gaya carta karusel, carta karusel ringkas dilaksanakan dengan program kecil, mudah ditulis
