Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
一把秋刀鱼
uni-app
提交
5b18ce3c
U
uni-app
项目概览
一把秋刀鱼
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
4
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
5b18ce3c
编写于
1月 07, 2020
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 优化H5端 css 变量处理
上级
068a5bec
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
6 addition
and
4 deletion
+6
-4
src/platforms/h5/components/app/index.vue
src/platforms/h5/components/app/index.vue
+4
-2
src/platforms/h5/view/bridge/subscribe/index.js
src/platforms/h5/view/bridge/subscribe/index.js
+2
-2
未找到文件。
src/platforms/h5/components/app/index.vue
浏览文件 @
5b18ce3c
...
...
@@ -73,7 +73,9 @@ export default {
hideTabBar
(
newVal
,
oldVal
)
{
// TODO 不支持 css 变量时
if
(
uni
.
canIUse
(
'
css.var
'
))
{
const
windowBottom
=
!
newVal
?
(
TABBAR_HEIGHT
+
'
px
'
)
:
'
0px
'
const
windowBottomValue
=
!
newVal
?
(
TABBAR_HEIGHT
)
:
0
const
envMethod
=
uni
.
canIUse
(
'
css.env
'
)
?
'
env
'
:
(
uni
.
canIUse
(
'
css.constant
'
)
?
'
constant
'
:
''
)
const
windowBottom
=
windowBottomValue
&&
envMethod
?
`calc(
${
windowBottomValue
}
px +
${
envMethod
}
(safe-area-inset-bottom))`
:
`
${
windowBottomValue
}
px`
document
.
documentElement
.
style
.
setProperty
(
'
--window-bottom
'
,
windowBottom
)
console
.
debug
(
`uni.
${
windowBottom
?
'
showTabBar
'
:
'
hideTabBar
'
}
:--window-bottom=
${
windowBottom
}
`
)
}
...
...
src/platforms/h5/view/bridge/subscribe/index.js
浏览文件 @
5b18ce3c
...
...
@@ -28,8 +28,8 @@ function updateCssVar (vm) {
const
windowTopValue
=
navigationBarType
===
'
default
'
||
navigationBarType
===
'
float
'
?
NAVBAR_HEIGHT
:
0
const
windowBottomValue
=
getApp
().
$children
[
0
].
showTabBar
?
TABBAR_HEIGHT
:
0
const
envMethod
=
uni
.
canIUse
(
'
css.env
'
)
?
'
env
'
:
(
uni
.
canIUse
(
'
css.constant
'
)
?
'
constant
'
:
''
)
const
windowTop
=
windowTopValue
&&
envMethod
?
`calc(
${
windowTopValue
}
px +
${
envMethod
}
(safe-area-inset-top))`
:
'
0px
'
const
windowBottom
=
windowBottomValue
&&
envMethod
?
`calc(
${
windowBottomValue
}
px +
${
envMethod
}
(safe-area-inset-bottom))`
:
'
0px
'
const
windowTop
=
windowTopValue
&&
envMethod
?
`calc(
${
windowTopValue
}
px +
${
envMethod
}
(safe-area-inset-top))`
:
`
${
windowTopValue
}
0px`
const
windowBottom
=
windowBottomValue
&&
envMethod
?
`calc(
${
windowBottomValue
}
px +
${
envMethod
}
(safe-area-inset-bottom))`
:
`
${
windowBottomValue
}
px`
const
style
=
document
.
documentElement
.
style
style
.
setProperty
(
'
--window-top
'
,
windowTop
)
style
.
setProperty
(
'
--window-bottom
'
,
windowBottom
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录