Analisis mendalam konfigurasi global dalam program mini

Artikel ini akan bercakap tentang konfigurasi global dalam program mini dan mempelajari tentang item konfigurasi biasa dan fail konfigurasi halaman dalam program mini saya harap ia akan membantu anda!

Fail konfigurasi global dan item konfigurasi yang biasa digunakan

Fail app.json dalam direktori akar program mini ialah konfigurasi global fail konfigurasi program mini. Konfigurasi yang biasa digunakan adalah seperti berikut:

• pages: Rakam laluan storan semua halaman program mini semasa
• window: Tetapkan penampilan program mini secara global tetingkap
• tabBar: Tetapkan kesan tabBar di bahagian bawah program mini
• style: Sama ada untuk mendayakan versi baharu gaya komponen [Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]

---

tetingkap

Komponen tetingkap applet

Item konfigurasi biasa tetingkap

属性名	类型	默认值	说明
navigationBarTitleText	String	字符串	导航栏标题文字内容
navigationBarBackgroundColor	HexColor	#000000	导航栏背景颜色
navigationBarTextStyle	String	white	导航栏标题颜色，仅支持black/white
backgroundColor	HexColor	#ffffff	窗口的背景色
backgroundTextStyle	String	dark	下拉loading的样式，仅支持dark/light
enablePullDownRefresh	Boolean	false	是否全局开启下拉刷新
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部的距离，单位为px

Tetapkan tajuk bar navigasi

app.json -> window -> navigationBarTitleText

Tetapkan warna latar belakang navigasi bar

app.json -> window -> navigationBarBackgroundColor

Tetapkan warna tajuk bar navigasi

app.json -> window -> enablePullDownRefresh

Dayakan muat semula tarik-turun secara global (dayakan fungsi muat semula tarik-turun dalam <code><span style="font-size: 18px;">app.json</span>app.json, ia akan menjejaskan setiap halaman program mini)

Pull-to-refresh: Tindakan memuat semula data halaman dengan meluncurkan jari anda ke bawah pada skrin

app.json -> window -> enablePullDownRefresh

Tetapkan warna latar belakang tetingkap semasa muat semula tarik-turun

Apabila fungsi muat semula tarik-turun didayakan secara global, latar belakang tetingkap lalai berwarna putih. Tetapkan warna latar belakang tetingkap muat semula tarik-turun tersuai

app.json -> window -> backgroundColor

Tetapkan gaya pemuatan apabila muat semula tarik-turun

Apabila global Selepas fungsi muat semula tarik turun dihidupkan, pemuatan lalai tetingkap adalah putih. Tetapkan kesan gaya pemuatan

app.json -> window -> backgroundTextStyle

Tetapkan jarak tarik ke atas ke bawah

Tarik- jarak ke bawah: Tindakan memuatkan lebih banyak data dengan meluncurkan jari anda ke atas pada skrin

app.json -> window -> onReachBottomDistance

---

tabBar

Apakah tabBar

• tabBar ialah kesan halaman biasa dalam aplikasi mudah alih Ia digunakan untuk bertukar dengan cepat antara berbilang halaman program mini.
  • tab tabBar
  • Apabila memaparkan tabBar atas, ikon tidak dipaparkan, hanya teks dipaparkan
6 bahagian tabBar

item konfigurasi biasa tabBar

Item konfigurasi komponen tabBar

Pilihan konfigurasi setiap item tab

---

Fail konfigurasi halaman

Peranan fail konfigurasi halaman

Dalam applet, setiap Setiap halaman mempunyai .json fail konfigurasi sendiri, yang digunakan untuk mengkonfigurasi penampilan tetingkap, kesan halaman, dll. halaman semasa

Hubungan antara konfigurasi halaman dan konfigurasi global

• Dalam program mini, nod app.json dalam window secara global boleh mengkonfigurasi prestasi tetingkap setiap halaman dalam program mini

• Jika anda ingin mempunyai prestasi tetingkap khas untuk halaman tertentu dalam program mini, anda perlu mengubah suai peringkat halaman .json fail

• Nota:

  apabila halaman Apabila konfigurasi bercanggah dengan konfigurasi global, mengikut prinsip kedekatan, kesan akhir hendaklah tertakluk kepada konfigurasi halaman

Item konfigurasi yang biasa digunakan dalam konfigurasi halaman

属性	类型	默认值	说明
navigationBarBackgroundColor	HexColor	#000000	当前导航栏背景颜色
navigationBarTextStyle	String	white	导航栏标题颜色，仅支持 black / white
navigationBarTitleText	String		当前导航栏标题文字内容
backgroundColor	HexColor	#ffffff	当前窗口的背景色
backgroundTextStyle	String	dark	当前页面下拉loading的样式，仅支持dark/light
enablePullDownRefresh	Boolean	false	是否为当前页面开启下拉刷新
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位为px

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Analisis mendalam konfigurasi global dalam program mini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!