微信小程序开发修改背景颜色

 时间:2024-10-12 11:01:13

1、首先呢,我们打患束锍瓜开微信开发者工具,然后在目录中找到app.json,点击打开。app.json就是小程序的一个全局配置,我们在这里配置它的一些属性就可以,比如背景颜色的修改

微信小程序开发修改背景颜色

2、在“window”中(如图)配置小程序的背景颜色、导航栏颜色即可。值填写为十六进制。

微信小程序开发修改背景颜色

3、我们把navigationBarBackgroundColor的值改为黑色试一下(#000000)

微信小程序开发修改背景颜色

4、重新编译后会发现导航部位颜色已由蓝色变为黑色

微信小程序开发修改背景颜色

5、想改变下面的背景颜色该如何处理呢,我们可以在相应页面的wxss中配置page的属性,改变background的颜色值即可

微信小程序开发修改背景颜色

6、让它变成黄色,将值修改为#f0ff0f保存即可

微信小程序开发修改背景颜色

7、如图,相应页面的颜色发生了改变,是不是很简单呢,赶快试一试吧

微信小程序开发修改背景颜色
  • 微信开发者工具怎么使用
  • 微信开发者工具如何导入项目
  • 微信小程序居中怎么设置
  • 如何使用微信小程序中的按钮事件实现界面跳转
  • 微信小程序如何加载轮播图
  • 热门搜索
    节约用水手抄报资料 历史手抄报内容 小学生讲文明手抄报 圣诞节手抄报图片 讲文明懂礼貌手抄报 关于语文的手抄报图片 勤俭节约手抄报大全 古诗手抄报内容 关于水浒传的手抄报 有关于元宵节的手抄报