Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wzj-java
uni-app
提交
c2bc76ab
U
uni-app
项目概览
wzj-java
/
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,发现更多精彩内容 >>
提交
c2bc76ab
编写于
10月 30, 2019
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: v3-video resize
上级
1929e1e6
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
26 addition
and
23 deletion
+26
-23
src/platforms/app-plus/view/components/video/index.vue
src/platforms/app-plus/view/components/video/index.vue
+26
-23
未找到文件。
src/platforms/app-plus/view/components/video/index.vue
浏览文件 @
c2bc76ab
...
...
@@ -12,7 +12,8 @@
</
template
>
<
script
>
import
{
subscriber
subscriber
,
listeners
}
from
'
uni-mixins
'
const
methods
=
[
...
...
@@ -59,16 +60,12 @@ const attrs = [
export
default
{
name
:
'
Video
'
,
mixins
:
[
subscriber
],
mixins
:
[
subscriber
,
listeners
],
props
:
{
id
:
{
type
:
String
,
default
:
''
},
hidden
:
{
type
:
[
Boolean
,
String
],
default
:
false
},
src
:
{
type
:
String
,
default
:
''
...
...
@@ -156,7 +153,8 @@ export default {
width
:
'
0px
'
,
height
:
'
0px
'
,
position
:
'
static
'
}
},
hidden
:
false
}
},
computed
:
{
...
...
@@ -174,9 +172,12 @@ export default {
},
watch
:
{
hidden
(
val
)
{
this
.
video
&&
this
.
video
[
val
?
'
show
'
:
'
hide
'
]()
this
.
video
&&
this
.
video
[
val
?
'
hide
'
:
'
show
'
]()
}
},
listeners
:
{
'
@view-update
'
:
'
_requestUpdate
'
},
mounted
()
{
this
.
_updateStyle
()
const
video
=
this
.
video
=
plus
.
video
.
createVideoPlayer
(
'
video
'
+
Date
.
now
(),
Object
.
assign
({},
this
.
attrs
,
this
.
style
))
...
...
@@ -185,17 +186,16 @@ export default {
video
.
hide
()
}
this
.
$watch
(
'
attrs
'
,
()
=>
{
video
.
setStyles
(
this
.
attrs
)
},
{
deep
})
this
.
video
&&
this
.
video
.
setStyles
(
this
.
attrs
)
},
{
deep
:
true
})
this
.
$watch
(
'
style
'
,
()
=>
{
video
.
setStyles
(
this
.
style
)
},
{
deep
})
this
.
video
&&
this
.
video
.
setStyles
(
this
.
style
)
},
{
deep
:
true
})
events
.
forEach
(
key
=>
{
video
.
addEventListener
(
key
,
(
data
=
{})
=>
{
this
.
$trigger
(
key
,
{},
data
)
})
})
this
.
$on
(
'
view-update
'
,
this
.
_update
)
},
beforeDestroy
()
{
this
.
video
&&
this
.
video
.
close
()
...
...
@@ -223,23 +223,26 @@ export default {
}
},
_updateStyle
()
{
const
rect
=
this
.
$refs
.
container
.
getBoundingClientRect
();
const
rect
=
this
.
$refs
.
container
.
getBoundingClientRect
()
this
.
hidden
=
getComputedStyle
(
this
.
$el
).
display
===
'
none
'
;
[
'
top
'
,
'
left
'
,
'
width
'
,
'
height
'
].
forEach
(
key
=>
{
let
val
=
rect
[
key
]
val
=
key
===
'
top
'
?
val
+
(
document
.
documentElement
.
scrollTop
||
document
.
body
.
scrollTop
||
0
)
:
val
this
.
style
[
key
]
=
val
+
'
px
'
})
},
_
u
pdate
()
{
_
requestU
pdate
()
{
if
(
this
.
_animationFrame
)
{
cancelAnimationFrame
(
this
.
_animationFrame
)
}
if
(
this
.
video
)
{
this
.
_animationFrame
=
requestAnimationFrame
(()
=>
{
delete
this
.
_animationFrame
this
.
_updateStyle
()
})
}
}
}
}
</
script
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录