Analisis ringkas tentang tag imej dan komponen swiper dalam pembelajaran program mini

Artikel ini akan membawa anda melalui tag imej tag imej dan komponen karusel leret dalam program mini saya harap ia akan membantu anda!

1 src

src menentukan laluan imej untuk dimuatkan (1) Imej mempunyai lebar dan ketinggian lalai 320 * 240. Saiz imej asal ialah 200 * 100

2 mod

mod menentukan cara kandungan imej menyesuaikan diri dengan lebar dan ketinggian tag imej (1) scaleToFill Nilai lalai tidak mengekalkan nisbah aspek dan skala imej supaya lebar dan tinggi imej diregangkan sepenuhnya untuk mengisi elemen imej

(2) aspectFit mengekalkan nisbah aspek untuk memastikan sisi panjang imej dipaparkan . Biasa digunakan dalam karusel halaman

(3) aspectFill mengekalkan nisbah bidang untuk menskalakan imej Hanya pastikan bahagian pendek imej dipaparkan sepenuhnya. Gunakan kurang

(4) widthFix Selepas lebar imej pada web sebelumnya ditentukan, ketinggian akan dilaraskan secara berkadar. . Sama seperti kedudukan latar belakang sebelumnya

[Cadangan pembelajaran berkaitan:

Tutorial Pembangunan Program Mini

]

3 lazy-load

Imej dalam program mini secara langsung menyokong lazy loadinglazy-load akan secara automatik menentukan apabila imej muncul dalam ketinggian tiga skrin di atas dan di bawah viewport I dan mula memuatkan. Gambar

2. Komponen karusel leret

ialah bekas yang membungkus karusel, dan elemen anak di dalamnya mestilah

komponen.

Ia boleh secara automatik subelemen karusel, dan mempunyai titik penunjuk terbina dalam, dan anda juga boleh menggunakan jari anda untuk meluncur ke kiri dan kanan.

swiperswiper-item1 leretswiper

Carta karusel leret bekas luar

2 item leret

Setiap item karusel item leret

3 teg leret mempunyai gaya lalai

( 1) lebar 100% (2) ketinggian 150pximej mempunyai lebar lalai dan ketinggian 320240

(3) *ketinggian leret tidak boleh diregangkan oleh kandungan

4 Mula-mula ketahui lebar dan tinggi imej asal dalam perkadaran yang sama dan tetapkan lebar dan tinggi untuk leret

Lebar dan tinggi imej asal ialah 1125 * 352 pxlebar leret/ketinggian leret=lebar imej asal/ketinggian imej asal

ketinggian leret=lebar leret*ketinggian imej asal/lebar imej asal

tinggi: 10ovw * 352 /1125

5 automain

automain karusel automatik

6 selang

selang ubah suai masa karusel

7 pekeliling

karousel sambungan bulat

8 titik penunjuk

titik penunjuk paparan penunjuk penomboran pengindeks

9 warna penunjuk

warna penunjuk Warna penunjuk yang tidak dipilih

10 warna penunjuk-aktif

Warna daripada penunjuk apabila penunjuk-warna-aktif dipilihUntuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Pengenalan kepada Pengaturcaraan

! !

Atas ialah kandungan terperinci Analisis ringkas tentang tag imej dan komponen swiper dalam pembelajaran program mini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!