Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
anyefeiyu
uni-app
提交
a140b293
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,发现更多精彩内容 >>
提交
a140b293
编写于
9月 16, 2020
作者:
inkwalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
miniprogram suppout match-media and uni.createMediaQueryObserver
上级
4f8a9256
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
179 addition
and
0 deletion
+179
-0
packages/uni-cli-shared/components/uni-match-media.vue
packages/uni-cli-shared/components/uni-match-media.vue
+75
-0
src/platforms/mp-alipay/runtime/api/index.js
src/platforms/mp-alipay/runtime/api/index.js
+3
-0
src/platforms/mp-baidu/runtime/api/index.js
src/platforms/mp-baidu/runtime/api/index.js
+4
-0
src/platforms/mp-qq/runtime/api/index.js
src/platforms/mp-qq/runtime/api/index.js
+3
-0
src/platforms/mp-toutiao/runtime/api/index.js
src/platforms/mp-toutiao/runtime/api/index.js
+3
-0
src/platforms/mp-weixin/helpers/create-media-query-observer.js
...latforms/mp-weixin/helpers/create-media-query-observer.js
+91
-0
未找到文件。
packages/uni-cli-shared/components/uni-match-media.vue
0 → 100644
浏览文件 @
a140b293
<
template
>
<view
v-show=
"matches"
>
<slot
/>
</view>
</
template
>
<
script
>
export
default
{
name
:
'
UniMatchMedia
'
,
props
:
{
width
:
{
type
:
[
Number
,
String
],
default
:
''
},
minWidth
:
{
type
:
[
Number
,
String
],
default
:
''
},
maxWidth
:
{
type
:
[
Number
,
String
],
default
:
''
},
height
:
{
type
:
[
Number
,
String
],
default
:
''
},
minHeight
:
{
type
:
[
Number
,
String
],
default
:
''
},
maxHeight
:
{
type
:
[
Number
,
String
],
default
:
''
},
orientation
:
{
type
:
String
,
default
:
''
}
},
data
()
{
return
{
matches
:
false
}
},
mounted
()
{
const
mediaQ
=
uni
.
createMediaQueryObserver
()
mediaQ
.
observe
({
width
:
this
.
width
,
maxWidth
:
this
.
maxWidth
,
minWidth
:
this
.
minWidth
,
height
:
this
.
height
,
minHeight
:
this
.
minHeight
,
maxHeight
:
this
.
maxHeight
,
orientation
:
this
.
orientation
},
matches
=>
{
this
.
matches
=
matches
})
},
}
</
script
>
<
style
>
view
{
display
:
block
;
}
view
[
hidden
]
{
display
:
none
;
}
</
style
>
src/platforms/mp-alipay/runtime/api/index.js
浏览文件 @
a140b293
import
createMediaQueryObserver
from
'
../../../mp-weixin/helpers/create-media-query-observer
'
import
{
isFn
,
hasOwn
...
...
@@ -104,3 +105,5 @@ export function createIntersectionObserver (component, options) {
}
return
my
.
createIntersectionObserver
(
options
)
}
export
{
createMediaQueryObserver
}
\ No newline at end of file
src/platforms/mp-baidu/runtime/api/index.js
浏览文件 @
a140b293
import
createMediaQueryObserver
from
'
../../../mp-weixin/helpers/create-media-query-observer
'
export
function
requestPayment
(
params
)
{
let
parseError
=
false
if
(
typeof
params
.
orderInfo
===
'
string
'
)
{
...
...
@@ -15,3 +17,5 @@ export function requestPayment (params) {
swan
.
requestPolymerPayment
(
params
)
}
}
export
{
createMediaQueryObserver
}
\ No newline at end of file
src/platforms/mp-qq/runtime/api/index.js
浏览文件 @
a140b293
import
createMediaQueryObserver
from
'
../../../mp-weixin/helpers/create-media-query-observer
'
export
{
createMediaQueryObserver
}
\ No newline at end of file
src/platforms/mp-toutiao/runtime/api/index.js
浏览文件 @
a140b293
import
createMediaQueryObserver
from
'
../../../mp-weixin/helpers/create-media-query-observer
'
export
{
createMediaQueryObserver
}
\ No newline at end of file
src/platforms/mp-weixin/helpers/create-media-query-observer.js
0 → 100644
浏览文件 @
a140b293
export
default
function
createMediaQueryObserver
()
{
const
mediaQueryObserver
=
{}
const
{
windowWidth
,
windowHeight
}
=
__GLOBAL__
.
getSystemInfoSync
()
const
orientation
=
windowWidth
<
windowHeight
?
'
portrait
'
:
'
landscape
'
mediaQueryObserver
.
observe
=
(
options
,
callback
)
=>
{
let
matches
=
false
for
(
const
item
in
options
)
{
const
itemValue
=
item
===
'
orientation
'
?
options
[
item
]
:
Number
(
options
[
item
])
if
(
options
[
item
]
!==
''
)
{
if
(
item
===
'
width
'
){
if
(
itemValue
==
windowWidth
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
minWidth
'
){
if
(
windowWidth
>=
itemValue
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
maxWidth
'
){
if
(
windowWidth
<=
itemValue
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
height
'
){
if
(
itemValue
==
windowHeight
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
minHeight
'
){
if
(
windowHeight
>=
itemValue
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
maxHeight
'
){
if
(
windowHeight
<=
itemValue
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
if
(
item
===
'
orientation
'
){
if
(
options
[
item
]
===
orientation
)
{
matches
=
true
}
else
{
matches
=
false
callback
(
matches
)
return
matches
}
}
}
}
callback
(
matches
)
return
matches
}
mediaQueryObserver
.
disconnect
=
()
=>
{
}
return
mediaQueryObserver
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录