Rumah applet WeChat Pembangunan program mini 修改小程序单页面的背景颜色

修改小程序单页面的背景颜色

Feb 08, 2021 am 10:22 AM
Program mini warna latar belakang

修改小程序单页面的背景颜色

首先我打算设置一个全局背景颜色,于是对app.json中的windows对象进行了如下设置:

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#f6f6f8",
    "navigationBarTextStyle": "black"
  },
Salin selepas log masuk

后来在页面中第一反应也是使用单独的json文件设置

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}
Salin selepas log masuk

果断发现,没有卵用啊,页面背景还是灰色。

7579887cfe9f4602a7435538482011c.png

(学习视频分享:编程入门

解决方法,在对应的wxss文件中设置一个page类:

 page {
  background-color: #fff;
}
Salin selepas log masuk

这样整个页面的背景色就设置为全白,且不影响其他页面,其它页面有特殊要求,也是如此修改就可以了。

b4248364698999a0b308bbae6239df2.png

相关推荐:小程序开发教程

Atas ialah kandungan terperinci 修改小程序单页面的背景颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaraskan tetapan warna latar belakang dalam Eclipse Bagaimana untuk melaraskan tetapan warna latar belakang dalam Eclipse Jan 28, 2024 am 09:08 AM

Bagaimana untuk menetapkan warna latar belakang dalam Eclipse? Eclipse ialah persekitaran pembangunan bersepadu (IDE) yang popular di kalangan pembangun dan boleh digunakan untuk pembangunan dalam pelbagai bahasa pengaturcaraan. Ia sangat berkuasa dan fleksibel, dan anda boleh menyesuaikan penampilan antara muka dan editor melalui tetapan. Artikel ini akan memperkenalkan cara untuk menetapkan warna latar belakang dalam Eclipse dan memberikan contoh kod khusus. 1. Tukar warna latar belakang editor Open Eclipse dan masukkan menu "Windows". Pilih "Keutamaan". Navigasi di sebelah kiri

Bagaimana untuk menetapkan warna latar belakang dalam editplus-Bagaimana untuk menetapkan warna latar belakang dalam editplus Bagaimana untuk menetapkan warna latar belakang dalam editplus-Bagaimana untuk menetapkan warna latar belakang dalam editplus Mar 04, 2024 pm 07:00 PM

Kawan-kawan tahu tak macam mana nak set warna background dalam editplus hari ni saya akan terangkan cara nak set warna background dalam editplus Kalau berminat datang tengok dengan saya. Langkah 1: Mula-mula buka editplus, klik Alat di atas, seperti yang ditunjukkan dalam gambar: Langkah 2: Dalam menu alat, klik keutamaan, seperti yang ditunjukkan dalam gambar: Langkah 3: Dalam halaman pilihan, klik warna di sebelah kiri, seperti yang ditunjukkan dalam gambar: Bab 3 Langkah 4: Dalam kedudukan latar belakang, pilih warna mengikut keperluan, seperti yang ditunjukkan dalam rajah:

Panduan langkah demi langkah untuk menukar warna latar belakang dengan Eclipse Panduan langkah demi langkah untuk menukar warna latar belakang dengan Eclipse Jan 28, 2024 am 08:28 AM

Ajar anda langkah demi langkah cara menukar warna latar belakang dalam Eclipse, contoh kod khusus diperlukan Eclipse ialah persekitaran pembangunan bersepadu (IDE) yang sangat popular yang sering digunakan untuk menulis dan menyahpepijat projek Java. Secara lalai, warna latar belakang Eclipse adalah putih, tetapi sesetengah pengguna mungkin ingin menukar warna latar belakang mengikut keutamaan mereka atau mengurangkan ketegangan mata. Artikel ini akan mengajar anda langkah demi langkah cara menukar warna latar belakang dalam Eclipse dan memberikan contoh kod khusus. Langkah 1: Buka Eclipse Pertama

Bangunkan applet WeChat menggunakan Python Bangunkan applet WeChat menggunakan Python Jun 17, 2023 pm 06:34 PM

Dengan populariti teknologi Internet mudah alih dan telefon pintar, WeChat telah menjadi aplikasi yang sangat diperlukan dalam kehidupan orang ramai. Program mini WeChat membenarkan orang ramai menggunakan program mini secara langsung untuk menyelesaikan beberapa keperluan mudah tanpa memuat turun dan memasang aplikasi. Artikel ini akan memperkenalkan cara menggunakan Python untuk membangunkan applet WeChat. 1. Persediaan Sebelum menggunakan Python untuk membangunkan applet WeChat, anda perlu memasang perpustakaan Python yang berkaitan. Adalah disyorkan untuk menggunakan dua perpustakaan wxpy dan itchat di sini. wxpy ialah mesin WeChat

Penjelasan terperinci tentang cara mengubah suai warna latar belakang PyCharm Penjelasan terperinci tentang cara mengubah suai warna latar belakang PyCharm Jan 04, 2024 am 11:03 AM

PyCharm ialah persekitaran pembangunan bersepadu (IDE) Python yang berkuasa yang menyediakan pembangun dengan banyak fungsi dan alatan yang mudah. Salah satu fungsi yang biasa digunakan ialah mengubah suai warna latar belakang PyCharm. Dalam artikel ini, saya akan memperkenalkan secara terperinci kaedah mengubah suai warna latar belakang PyCharm dan memberikan contoh kod tertentu. Untuk mengubah suai warna latar belakang PyCharm, kita perlu melakukan langkah berikut: Langkah 1: Buka PyCharm dan klik "Settin" di bawah menu "Fail"

Bolehkah program kecil menggunakan tindak balas? Bolehkah program kecil menggunakan tindak balas? Dec 29, 2022 am 11:06 AM

Program mini boleh menggunakan react. Cara menggunakannya: 1. Laksanakan pemapar berdasarkan "react-reconciler" dan jana DSL 2. Buat komponen program mini untuk menghuraikan dan membuat DSL 3. Pasang npm dan laksanakan Build; npm dalam alat; 4. Perkenalkan pakej ke halaman anda sendiri, dan kemudian gunakan API untuk menyelesaikan pembangunan.

Laksanakan kesan flip kad dalam program mini WeChat Laksanakan kesan flip kad dalam program mini WeChat Nov 21, 2023 am 10:55 AM

Melaksanakan kesan flipping kad dalam program mini WeChat Dalam program mini WeChat, melaksanakan kesan flipping kad ialah kesan animasi biasa yang boleh meningkatkan pengalaman pengguna dan daya tarikan interaksi antara muka. Yang berikut akan memperkenalkan secara terperinci cara melaksanakan kesan khas flipping kad dalam applet WeChat dan memberikan contoh kod yang berkaitan. Pertama, anda perlu menentukan dua elemen kad dalam fail susun atur halaman program mini, satu untuk memaparkan kandungan hadapan dan satu untuk memaparkan kandungan belakang Kod sampel khusus adalah seperti berikut: <!--index.wxml-. ->&l

Alipay melancarkan program mini 'Chinese Character Picking-Rare Characters' untuk mengumpul dan menambah pustaka aksara yang jarang ditemui Alipay melancarkan program mini 'Chinese Character Picking-Rare Characters' untuk mengumpul dan menambah pustaka aksara yang jarang ditemui Oct 31, 2023 pm 09:25 PM

Menurut berita dari laman web ini pada 31 Oktober, pada 27 Mei tahun ini, Ant Group mengumumkan pelancaran "Projek Pemilihan Watak Cina", dan baru-baru ini membawa kemajuan baharu: Alipay melancarkan program mini "Pemilihan Watak Cina-Watak Biasa" untuk mengumpul koleksi daripada masyarakat Watak nadir menambah pustaka aksara jarang dan memberikan pengalaman input yang berbeza untuk aksara jarang untuk membantu memperbaik kaedah input aksara jarang dalam Alipay. Pada masa ini, pengguna boleh memasukkan applet "Watak Tidak Biasa" dengan mencari kata kunci seperti "Pengambilan aksara Cina" dan "aksara jarang". Dalam program mini, pengguna boleh menghantar gambar aksara jarang yang belum dikenali dan dimasukkan oleh sistem Selepas pengesahan, jurutera Alipay akan membuat entri tambahan ke dalam perpustakaan fon. Laman web ini mendapati bahawa pengguna juga boleh mengalami kaedah input pemisahan perkataan terkini dalam program mini Kaedah input ini direka untuk perkataan yang jarang dengan sebutan yang tidak jelas. Pembongkaran pengguna

See all articles