Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
445bca93
U
uni-app
项目概览
DCloud
/
uni-app
3 个月 前同步成功
通知
720
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
445bca93
编写于
12月 11, 2019
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: h5 --window-top --window-bottom
上级
ae7b600d
变更
4
显示空白变更内容
内联
并排
Showing
4 changed file
with
26 addition
and
10 deletion
+26
-10
packages/vue-cli-plugin-uni/packages/h5-vue-style-loader/lib/addStylesClient.js
...n-uni/packages/h5-vue-style-loader/lib/addStylesClient.js
+10
-1
packages/webpack-uni-pages-loader/lib/platforms/h5.js
packages/webpack-uni-pages-loader/lib/platforms/h5.js
+5
-5
src/platforms/h5/helpers/can-i-use.js
src/platforms/h5/helpers/can-i-use.js
+8
-2
src/platforms/h5/helpers/get-window-offset.js
src/platforms/h5/helpers/get-window-offset.js
+3
-2
未找到文件。
packages/vue-cli-plugin-uni/packages/h5-vue-style-loader/lib/addStylesClient.js
浏览文件 @
445bca93
...
...
@@ -239,6 +239,14 @@ var VAR_WINDOW_BOTTOM = /var\(--window-bottom\)/gi
function
processCss
(
css
)
{
var
envMethod
=
''
envMethod
=
uni
.
canIUse
(
'
css.constant
'
)
?
'
constant
'
:
envMethod
envMethod
=
uni
.
canIUse
(
'
css.env
'
)
?
'
env
'
:
envMethod
if
(
envMethod
)
{
css
=
css
.
replace
(
VAR_STATUS_BAR_HEIGHT
,
envMethod
+
'
(safe-area-inset-top)
'
)
.
replace
(
VAR_WINDOW_TOP
,
'
calc(var(--window-top) +
'
+
envMethod
+
'
(safe-area-inset-top))
'
)
.
replace
(
VAR_WINDOW_BOTTOM
,
'
calc(var(--window-bottom) +
'
+
envMethod
+
'
(safe-area-inset-bottom))
'
)
}
var
page
=
getPage
()
if
(
!
uni
.
canIUse
(
'
css.var
'
))
{
//不支持 css 变量
var
offset
=
getWindowOffset
()
...
...
@@ -265,6 +273,7 @@ function getWindowOffset() {
if
(
app
&&
app
.
$route
&&
app
.
$route
.
meta
&&
app
.
$route
.
meta
.
name
)
{
return
{
top
:
app
.
$route
.
meta
.
windowTop
,
// TODO 可配置 TabBar 高度
bottom
:
app
.
$route
.
meta
.
isTabBar
?
50
:
0
}
}
...
...
packages/webpack-uni-pages-loader/lib/platforms/h5.js
浏览文件 @
445bca93
...
...
@@ -93,8 +93,8 @@ const getPageComponents = function (inputDir, pagesJson) {
let
windowTop
=
44
let
pageStyle
=
Object
.
assign
({},
globalStyle
,
props
)
if
(
pageStyle
.
navigationStyle
===
'
custom
'
||
!
pageStyle
.
titleNView
||
pageStyle
.
titleNView
.
type
===
'
transparent
'
||
pageStyle
.
titleNView
.
type
===
'
float
'
)
{
if
(
pageStyle
.
navigationStyle
===
'
custom
'
||
(
'
titleNView
'
in
pageStyle
&&
(
!
pageStyle
.
titleNView
||
pageStyle
.
titleNView
.
type
===
'
transparent
'
||
pageStyle
.
titleNView
.
type
===
'
float
'
)))
{
windowTop
=
0
}
...
...
src/platforms/h5/helpers/can-i-use.js
浏览文件 @
445bca93
function
cssSupports
(
css
)
{
return
window
.
CSS
&&
window
.
CSS
.
supports
&&
window
.
CSS
.
supports
(
css
)
}
export
default
{
'
css.var
'
:
window
.
CSS
&&
window
.
CSS
.
supports
&&
window
.
CSS
.
supports
(
'
--a
'
,
0
)
'
css.var
'
:
cssSupports
(
'
--a:0
'
),
'
css.env
'
:
cssSupports
(
'
top:env(a)
'
),
'
css.constant
'
:
cssSupports
(
'
top:constant(a)
'
)
}
src/platforms/h5/helpers/get-window-offset.js
浏览文件 @
445bca93
...
...
@@ -2,13 +2,14 @@ import {
NAVBAR_HEIGHT
,
TABBAR_HEIGHT
}
from
'
uni-helpers/constants
'
import
safeAreaInsets
from
'
safe-area-insets
'
export
default
function
getWindowOffset
()
{
if
(
uni
.
canIUse
(
'
css.var
'
))
{
const
style
=
document
.
documentElement
.
style
return
{
top
:
parseInt
(
style
.
getPropertyValue
(
'
--window-top
'
))
||
0
,
bottom
:
parseInt
(
style
.
getPropertyValue
(
'
--window-bottom
'
))
||
0
top
:
(
parseInt
(
style
.
getPropertyValue
(
'
--window-top
'
))
||
0
)
+
safeAreaInsets
.
top
,
bottom
:
(
parseInt
(
style
.
getPropertyValue
(
'
--window-bottom
'
))
||
0
)
+
safeAreaInsets
.
bottom
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录