V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
JCZ2MkKb5S8ZX9pq
V2EX  ›  微信

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

  •  
  •   JCZ2MkKb5S8ZX9pq · 2019-01-26 02:19:25 +08:00 · 3866 次点击
    这是一个创建于 2130 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 条回复    2019-01-26 15:51:59 +08:00
    Trim21
        1
    Trim21  
       2019-01-26 02:26:28 +08:00 via Android
    关键词 小程序 动态设置标题栏颜色
    bloodspasm
        2
    bloodspasm  
       2019-01-26 02:57:42 +08:00 via iPhone
    app.json navigationBarBackgroundColor
    JCZ2MkKb5S8ZX9pq
        4
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-01-26 15:02:44 +08:00
    @shiny 感谢答疑,navi 已经搞定了。
    还想再请教一下,小程序里的 page 好像就是 body,暗色主题下页面牵拉过头会露出来。
    但是因为没办法给 page 加 class,要动态改变 page 的背景色怎么弄呢?
    有没有类似 jquery .css 那种方法呢?
    JCZ2MkKb5S8ZX9pq
        5
    JCZ2MkKb5S8ZX9pq  
    OP
       2019-01-26 15:09:15 +08:00
    @shiny 不好意思,我搜到了,pageBackgroundColor。
    打扰打扰。再次感谢。
    JCZ2MkKb5S8ZX9pq
        6
    JCZ2MkKb5S8ZX9pq  
    OP
       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 的方法。)
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   907 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:46 · PVG 04:46 · LAX 12:46 · JFK 15:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.