官方目前有默认的三个css变量
- --status-bar-height
- --window-top
- ---window-bottom
如何新增自定义的全局css变量？
- H5端肯定没问题，可以通过document修改dom
- 小程序 端无法修改DOM，也没有公共的 view层可以用来定义样式
- APP端同上
想要全端都支持css变量，只有框架支持才可以？
现阶段解决思路
全局样式组件嵌套
- 必须要有一个可以全局覆盖 ，能打通 js和view层来实现动态样式
- 定义一个组件，内嵌 slot，组件内部style支持动态样式转换（这个如果官方支持提供API就完美了）
但是每个地方都要套一层，感觉很恶心啊
8***@qq.com (作者)
uni.scss 虽说是全局变量，但是设置的变量并不能通过js动态改变啊
2022-03-08 15:19