1***@163.com
1***@163.com
  • 发布:2024-04-22 10:14
  • 更新:2024-04-22 11:30
  • 阅读:387

uni-app使用Android或IOS基座时,怎样通过js修改CSS自定义变量

分类:uni-app

我在项目的公共样式中设置了自定义变量'--mainPageColor',通过接口获取到新值时使用js代码对齐进行修改

const el = document.getElementById('app');  
el.style.setProperty('--mainPageColor', theme[key]);

一开始运行到浏览器中时可以对变量修改,也能在全局使用该变量,但是运行到Android App基座时该方法就不生效了,Android下无法解析document。通过搜索后发现解决方法大多都是在每个页面读取需要设置的值,通过style直接在元素上设置样式,这样重复的代码就太多了,有什么更好的解决方法吗?

2024-04-22 10:14 负责人:无 分享
已邀请:
困难总比办法多

困难总比办法多

用scss变量,通过$mainPageColor: #f19837;定义主色,在页面css里面通过@include $mainPageColor 去引用

  • 1***@163.com (作者)

    感谢回复,但是还是存在window和document对象无法被解析,自定义变量无法修改的问题。

    2024-04-23 08:41

  • 困难总比办法多

    回复 1***@163.com: 在app平台window和document本就是无法访问的,如果确实想操作dom可以去了解下renderjs 它可以直接访问视图层

    2024-04-23 09:53

要回复问题请先登录注册