小程序有办法动态改变顶部 navibar 的颜色吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2133 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如我切换 [亮色 /暗色] 主题，页面内容我能直接控制 css。
但 navibar 颜色是在 json 里设置的，js 能动态搞嘛？
刚接触小程序，有点摸不着北，有高手路过指点一下哈？

6 条回复 • 2019-01-26 15:51:59 +08:00

Trim21

2019-01-26 02:26:28 +08:00 via Android

关键词小程序动态设置标题栏颜色

bloodspasm

2019-01-26 02:57:42 +08:00 via iPhone

app.json navigationBarBackgroundColor

shiny

2019-01-26 03:02:40 +08:00

https://developers.weixin.qq.com/miniprogram/dev/api/wx.setNavigationBarColor.html

JCZ2MkKb5S8ZX9pq

2019-01-26 15:02:44 +08:00

@shiny 感谢答疑，navi 已经搞定了。
还想再请教一下，小程序里的 page 好像就是 body，暗色主题下页面牵拉过头会露出来。
但是因为没办法给 page 加 class，要动态改变 page 的背景色怎么弄呢？
有没有类似 jquery .css 那种方法呢？

JCZ2MkKb5S8ZX9pq

2019-01-26 15:09:15 +08:00

@shiny 不好意思，我搜到了，pageBackgroundColor。
打扰打扰。再次感谢。

JCZ2MkKb5S8ZX9pq

2019-01-26 15:51:59 +08:00

@shiny 不好意思，还是有点疑问。
backgroundColor 好像是窗体背景色，
page 我感觉是类似 body，

现在我 backgroundColor 黑色
page 背景红色+一个渐变遮罩
-webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0), red 5%, red 95%, rgba(0, 0, 0, 0));
page 内元素充满，且为黑色。

这样在顶部和底部有渐变效果，但 page 的背景色还是出现了。
而且 page 的背景色设置为 transparent 也无效。
那还是回到了要动态改变 page 背景色这个问题上了。

（当然我也能多套一层容器加个背景色，但就想问问高手有没有直接改 page 的方法。）