Rumah > hujung hadapan web > uni-app > Cara menggunakan pembangunan komponen kontena dalam uniapp

Cara menggunakan pembangunan komponen kontena dalam uniapp

WBOY
Lepaskan: 2023-07-04 11:15:09
asal
1265 orang telah melayarinya

Cara menggunakan pembangunan komponen kontena dalam uniapp

Ikhtisar:
Dalam uniapp, komponen kontena ialah komponen biasa dalam halaman, digunakan untuk membalut komponen atau kandungan lain, dan memainkan peranan reka letak dan paparan elemen kawalan. Dalam artikel ini, kami akan memperkenalkan cara menggunakan pembangunan komponen kontena dalam uniapp dan memberikan contoh kod yang berkaitan.

1. Komponen bekas biasa dalam uniapp

  1. view: digunakan untuk membungkus komponen atau kandungan lain dan menyediakan reka letak dan kawalan gaya asas. Atribut yang biasa digunakan termasuk warna latar belakang, ketinggian, lebar, jidar, padding, dsb.
  2. pandangan tatal: bekas kawasan boleh tatal. Dengan menetapkan ketinggian dan lebar paparan tatal dan atribut limpahan, paparan kandungan boleh tatal boleh dicapai.
  3. swiper: Komponen bekas yang digunakan untuk mencapai kesan karusel. Dengan menetapkan laluan imej dan ketinggian leret, anda boleh mencapai kesan karusel imej.
  4. item swiper: Sub-item dalam komponen swiper setiap item swiper sepadan dengan peluncur dan boleh mengandungi gambar, teks dan kandungan lain.

Kedua, gunakan contoh pembangunan komponen bekas paparan

  1. Tambahkan komponen paparan pada halaman