uniapp-CSS内置变量
手机上可以打html与css的appuni-app 提供内置 CSS 变量
CSS变量描述APP⼩程序H5–status-bar-height系统状态栏⾼度、nvue注意见下25px0–window-top内容区域距离顶部的距离0NavigationBar 的⾼度
–window-bottom内容区域距离底部的距离0TabBar 的⾼度
注意：
var(–status-bar-height) 此变量在⼩程序环境为固定 25px，在 App ⾥为⼿机实际状态栏⾼度。
当设置"navigationStyle":“custom” 取消原⽣导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使⽤⼀个⾼度为var(–status-bar-height) 的 view 放在页⾯顶部，避免页⾯内容出现在状态栏。
由于在H5端，不存在原⽣导航栏和tabbar，也是前端div模拟。如果设置了⼀个固定位置的居底view，在⼩程序和App端是在tabbar 上⽅，但在H5端会与tabbar重叠。此时可使⽤–window-bottom，不管在哪个端，都是固定在tabbar上⽅。
⽬前 nvue 在App端，还不⽀持–status-bar-height变量，替代⽅案是在页⾯onLoad时通过
代码块
快速书写css变量的⽅法是：在css中敲hei，在候选助⼿中即可看到3个css变量。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。