navigation-bar icon indicating copy to clipboard operation
navigation-bar copied to clipboard

怎么样能动态的控制navbar的背景色呢?

Open reneefeng opened this issue 5 years ago • 14 comments

需要控制小程序的白天和夜间模式,要动态的改背景色和iconTheme

reneefeng avatar Sep 18 '19 08:09 reneefeng

颜色值定义一个变量,改变变量值就可以了

lingxiaoyi avatar Sep 18 '19 08:09 lingxiaoyi

image

我是这样写的,但是当我控制js改变了navBatColor 这个变量的时候 navBar并没有相应的改变

reneefeng avatar Sep 19 '19 03:09 reneefeng

用户第一次进来页面会有效果,当前页面再用JS改变是不行,这个逻辑是只会取首次进来页面获取到的值

lingxiaoyi avatar Sep 19 '19 03:09 lingxiaoyi

那我有办法做到用js改变吗

reneefeng avatar Sep 19 '19 03:09 reneefeng

那只有你自己去研究源码,并修改了,是能做到的

lingxiaoyi avatar Sep 19 '19 03:09 lingxiaoyi

好的。用this.selectComponent 解决了

reneefeng avatar Sep 19 '19 05:09 reneefeng

好的。用this.selectComponent 解决了

有简单示例参考下吗?

weixisheng avatar Oct 31 '19 15:10 weixisheng

好的。用this.selectComponent 解决了

有简单示例参考下吗?

先改变了background=“{{color}}” 的 color , 在调用 const c = this.selectComponent("#nav"); c.setStyle();

reneefeng avatar Nov 01 '19 01:11 reneefeng

wepy没有this.selectComponent或者是我不会用,直接修改组件了。 code

weixisheng avatar Nov 01 '19 02:11 weixisheng

动态修改背景色的功能已完成 请参考例子10

lingxiaoyi avatar Nov 09 '19 08:11 lingxiaoyi

设置背景色为透明不生效是怎么回事?

yc0524 avatar Dec 09 '19 09:12 yc0524

又加了一个属性,有个例子不就是全透明的吗

lingxiaoyi avatar Dec 09 '19 09:12 lingxiaoyi

设置背景色为透明不生效是怎么回事?

我昨天用,经过折腾实现了 1.nvaBar,外面得套一层view 2.该 view 的height设置为0; 3.自定义组件的背景色:background='rgba(0,0,0,0)'

示例代码:

navBar 其它属性自行添加 其它基础使用自定义组件,不在这里说了

<!-- wxml -->
<view class="nav">
    <navBar background='rgba(0,0,0,0)'></navBar>
</view>
/* wxss */
.nav{
    height:0;
}

chatterzhao avatar Dec 20 '20 04:12 chatterzhao

好的。用this.selectComponent 解决了

有简单示例参考下吗?

先改变了background=“{{color}}” 的 color , 在调用 const c = this.selectComponent("#nav"); c.setStyle();

这代码写哪里? 期待作者合并请主代码里,这个应该大家都用得到,比如ios开启深色模式,得跟着变

chatterzhao avatar Dec 20 '20 04:12 chatterzhao