JCZ2MkKb5S8ZX9pq
V2EX  ›  微信

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

  •  
  •   JCZ2MkKb5S8ZX9pq · Jan 26, 2019 · 4702 views
    This topic created in 2839 days ago, the information mentioned may be changed or developed.

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

    6 replies  •  2019-01-26 15:51:59 +08:00
    Trim21
    Trim21
    Jan 26, 2019 via Android
    1
    关键词 小程序 动态设置标题栏颜色
    bloodspasm
    bloodspasm
    Jan 26, 2019 via iPhone
    2
    app.json navigationBarBackgroundColor
    JCZ2MkKb5S8ZX9pq
    JCZ2MkKb5S8ZX9pq
    OP
    Jan 26, 2019
    4
    @shiny 感谢答疑,navi 已经搞定了。
    还想再请教一下,小程序里的 page 好像就是 body,暗色主题下页面牵拉过头会露出来。
    但是因为没办法给 page 加 class,要动态改变 page 的背景色怎么弄呢?
    有没有类似 jquery .css 那种方法呢?
    JCZ2MkKb5S8ZX9pq
    JCZ2MkKb5S8ZX9pq
    OP
    Jan 26, 2019
    5
    @shiny 不好意思,我搜到了,pageBackgroundColor。
    打扰打扰。再次感谢。
    JCZ2MkKb5S8ZX9pq
    JCZ2MkKb5S8ZX9pq
    OP
    Jan 26, 2019
    6
    @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 的方法。)
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3030 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 11:05 · PVG 19:05 · LAX 03:05 · JFK 06:05
    ♥ Do have faith in what you're doing.