Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
20岁爱吃必胜客
uni-app
提交
ed5154c1
U
uni-app
项目概览
20岁爱吃必胜客
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
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,发现更多精彩内容 >>
提交
ed5154c1
编写于
12月 23, 2020
作者:
inkwalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fixed: match-media can`t work in HX3.0
上级
9d9aaeb8
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
18 addition
and
4 deletion
+18
-4
src/core/service/api/ui/create-media-query-observer.js
src/core/service/api/ui/create-media-query-observer.js
+5
-3
src/core/view/bridge/subscribe/api/request-media-query-observer.js
...view/bridge/subscribe/api/request-media-query-observer.js
+13
-1
未找到文件。
src/core/service/api/ui/create-media-query-observer.js
浏览文件 @
ed5154c1
...
...
@@ -2,7 +2,9 @@ import createCallbacks from 'uni-helpers/callbacks'
import
{
getCurrentPageVm
}
from
'
../../platform
'
import
{
checkInWindows
}
from
'
uni-helpers/windows
'
const
createMediaQueryObserverCallbacks
=
createCallbacks
(
'
requestMediaQueryObserver
'
)
class
ServiceMediaQueryObserver
{
...
...
@@ -24,13 +26,13 @@ class ServiceMediaQueryObserver {
reqId
:
this
.
reqId
,
component
:
this
.
component
,
options
:
this
.
options
})
}
,
checkInWindows
(
this
.
component
)
?
this
.
component
:
this
.
pageId
)
}
disconnect
()
{
UniServiceJSBridge
.
publishHandler
(
'
destroyMediaQueryObserver
'
,
{
reqId
:
this
.
reqId
})
}
,
checkInWindows
(
this
.
component
)
?
this
.
component
:
this
.
pageId
)
}
}
...
...
src/core/view/bridge/subscribe/api/request-media-query-observer.js
浏览文件 @
ed5154c1
...
...
@@ -34,6 +34,18 @@ export function requestMediaQueryObserver ({
reqId
,
options
},
pageId
)
{
let
pageVm
if
(
pageId
.
_isVue
)
{
pageVm
=
pageId
}
else
{
const
pages
=
getCurrentPages
()
// 跨平台时,View 层也应该实现该方法,举例 App 上,View 层的 getCurrentPages 返回长度为1的当前页面数组
const
page
=
pages
.
find
(
page
=>
page
.
$page
.
id
===
pageId
)
if
(
!
page
)
{
throw
new
Error
(
`Not Found:Page[
${
pageId
}
]`
)
}
pageVm
=
page
.
$vm
}
// 创建一个媒体查询对象
const
mediaQueryObserver
=
mediaQueryObservers
[
reqId
]
=
window
.
matchMedia
(
handleMediaQueryStr
(
options
))
...
...
@@ -42,7 +54,7 @@ export function requestMediaQueryObserver ({
UniViewJSBridge
.
publishHandler
(
'
onRequestMediaQueryObserver
'
,
{
reqId
,
res
:
e
.
matches
})
}
,
pageVm
.
$page
.
id
)
}
listener
(
mediaQueryObserver
)
// 监听前执行一次媒体查询
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录