微信小程序怎么设置全局背景颜色？

其实啊，这个可简单了，有手就行。

首先，打开微信小程序开发工具。

其次，找到全局配置app.json文件，修改 "navigationBarBackgroundColor": "#222"。（这是修改的导航栏的颜色）。

接着，在app.wxss文件中，配值page属性，然后把backgroun-color修改成你想要的颜色就可以了。

最后，在app.json文件中，修改tabBar的背景颜色为你想要的颜色就可以了。（底部导航）

微信小程序怎么设置全局背景颜色？相关推荐

微信小程序--动态设置导航栏颜色
微信小程序--动态设置导航栏颜色既然要动态设置导航栏颜色,估计自定义导航栏也跑不了关于动态设置导航栏颜色,微信小程序官方文档给出了一个API: wx.setNavigationBarColor ...
微信小程序单独设置右上角胶囊颜色
1.微信小程序全局颜色一般在app.json中设置: "pages": ["pages/index/index","pages/logs/logs&q ...
微信小程序css设置本地背景图片
微信小程序中,直接在css中直接使用本地图片为view设置背景图片: <style>div{width: 500px;height: 500px;}.box1{background-ima ...
微信小程序：更改页面背景颜色
微信小程序的页面背景色默认是白色,但可以自主更改. 如果想所有页面的背景色都同时一种颜色,只需在app.wass里修改,如果想每个页面的背景色都不一样,则需要在每个页面对应的.wass文件里修改. 一 ...
微信小程序app.json全局配置项
微信小程序app.json全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以下属性: app.json配置项(该配置项由微信小程序开发 ...
微信小程序开发——设置默认图片、错误加载图片
wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...
微信小程序：设置字体跟随手机系统
小程序开发:全局设置跟随手机系统默认字体前言最近在开发一款微信小程序,发现字体不是跟随手机系统设置的字体,这样对用户很不友好,通过下面这行代码,就可以将页面的字体搞成系统默认字体了. 提示:要设置 ...
微信小程序动态设置tab-bar
微信小程序动态设置tab-bar(自定义) 配置自定义tab-bar的方法这里省略,可以参考官方文档动态设置tab-bar 需求:根据权限判断底部tab-bar显示内容例如普通用户这里不显示赛事t ...
微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...

微信小程序怎么设置全局背景颜色？

微信小程序怎么设置全局背景颜色？相关推荐

最新文章

热门文章