Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
anyefeiyu
uni-app
提交
3bbf0cb8
U
uni-app
项目概览
anyefeiyu
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3bbf0cb8
编写于
1月 24, 2019
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: 实现窗口相关API:uni.onWindowResize、uni.offWindowResize #133
上级
3f4fa4cd
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
67 addition
and
12 deletion
+67
-12
src/platforms/h5/components/app/index.vue
src/platforms/h5/components/app/index.vue
+14
-12
src/platforms/h5/service/api/window.js
src/platforms/h5/service/api/window.js
+53
-0
未找到文件。
src/platforms/h5/components/app/index.vue
浏览文件 @
3bbf0cb8
...
...
@@ -6,21 +6,21 @@
<router-view
:key=
"key"
/>
</keep-alive>
<!--
</transition>
-->
<tab-bar
v-if=
"hasTabBar"
v-show=
"showTabBar"
<tab-bar
v-if=
"hasTabBar"
v-show=
"showTabBar"
v-bind=
"tabBar"
/>
<toast
v-bind=
"showToast"
<toast
v-bind=
"showToast"
@
close=
"_onModalClose"
/>
<action-sheet
v-bind=
"showActionSheet"
<action-sheet
v-bind=
"showActionSheet"
@
close=
"_onActionSheetClose"
/>
<modal
v-bind=
"showModal"
<modal
v-bind=
"showModal"
@
close=
"_onModalClose"
/>
<picker
v-bind=
"showPicker"
<picker
v-bind=
"showPicker"
@
close=
"_onPickerClose"
/>
</uni-app>
</
template
>
...
...
@@ -78,6 +78,8 @@ export default {
document
.
documentElement
.
style
.
setProperty
(
'
--window-bottom
'
,
windowBottom
)
console
.
debug
(
`uni.
${
windowBottom
?
'
showTabBar
'
:
'
hideTabBar
'
}
:--window-bottom=
${
windowBottom
}
`
)
}
// 触发 resize 事件
window
.
dispatchEvent
(
new
CustomEvent
(
'
resize
'
))
}
},
created
()
{
...
...
@@ -111,4 +113,4 @@ export default {
width
:
100%
;
height
:
100%
;
}
</
style
>
</
style
>
src/platforms/h5/service/api/window.js
0 → 100644
浏览文件 @
3bbf0cb8
const
callbacks
=
[]
function
onResize
()
{
const
{
invokeCallbackHandler
:
invoke
}
=
UniServiceJSBridge
callbacks
.
forEach
(
callbackId
=>
{
const
{
windowWidth
,
windowHeight
,
screenWidth
,
screenHeight
}
=
uni
.
getSystemInfoSync
()
var
landscape
=
typeof
window
.
orientation
===
'
number
'
?
Math
.
abs
(
window
.
orientation
)
===
90
:
screenWidth
/
screenHeight
>
1
var
deviceOrientation
=
landscape
?
'
landscape
'
:
'
portrait
'
invoke
(
callbackId
,
{
deviceOrientation
,
size
:
{
windowWidth
,
windowHeight
,
screenWidth
,
screenHeight
}
})
})
}
/**
* 监听窗口大小变化
* @param {*} callbackId
*/
export
function
onWindowResize
(
callbackId
)
{
if
(
!
callbacks
.
length
)
{
window
.
addEventListener
(
'
resize
'
,
onResize
)
}
callbacks
.
push
(
callbackId
)
}
/**
* 取消监听窗口大小变化
* @param {*} callbackId
*/
export
function
offWindowResize
(
callbackId
)
{
var
index
=
callbacks
.
indexOf
(
callbackId
)
// 此处和微信平台一致查询不到去掉最后一个
if
(
index
>=
0
)
{
callbacks
.
splice
(
index
,
1
)
}
else
{
callbacks
.
pop
()
}
if
(
!
callbacks
.
length
)
{
window
.
removeEventListener
(
'
resize
'
,
onResize
)
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录