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

王林
Lepaskan: 2021-02-09 14:40:26
ke hadapan
3269 orang telah melayarinya

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

首先我打算设置一个全局背景颜色,于是对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!

Label berkaitan:
sumber:csdn.net
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan