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

发布时间:2021-02-14 12:02:14 作者:小新
来源:亿速云 阅读:627

这篇文章主要介绍怎样修改小程序单页面的背景颜色,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#f6f6f8",
    "navigationBarTextStyle": "black"
  },

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

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}

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

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

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

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

 page {
  background-color: #fff;
}

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

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

以上是“怎样修改小程序单页面的背景颜色”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 小程序跳转H5页面的方法步骤
  2. vue单页缓存方案分析及实现

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

小程序

上一篇:navicat设置定时备份的方法

下一篇:如何在Linux中部署一个.net core Api项目

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》