|
@@ -56,15 +56,12 @@ export default defineComponent({
|
|
|
let min = Math.min(screen.width, screen.height)
|
|
|
let max = Math.max(screen.width, screen.height)
|
|
|
let width = min * (16 / 9)
|
|
|
- console.log('计算的屏幕宽度', width, max)
|
|
|
if (width > max) {
|
|
|
parentContainer.width = '100vw'
|
|
|
return
|
|
|
} else {
|
|
|
parentContainer.width = width + 'px'
|
|
|
}
|
|
|
-
|
|
|
- console.log('设置宽度', parentContainer.width)
|
|
|
}
|
|
|
const handleInit = (type = 0) => {
|
|
|
//设置容器16:9
|
|
@@ -371,13 +368,11 @@ export default defineComponent({
|
|
|
|
|
|
// 暂停播放
|
|
|
const handlePaused = (e: Event, m: any) => {
|
|
|
- e.stopPropagation()
|
|
|
m.videoEle?.pause()
|
|
|
m.paused = true
|
|
|
}
|
|
|
// 开始播放
|
|
|
const handlePlay = (e: Event, m: any) => {
|
|
|
- e.stopPropagation()
|
|
|
closeToast()
|
|
|
m.videoEle?.play()
|
|
|
}
|
|
@@ -481,16 +476,20 @@ export default defineComponent({
|
|
|
)}
|
|
|
<Transition name="bottom">
|
|
|
{activeData.model && (
|
|
|
- <div class={[styles.bottomFixedContainer]}>
|
|
|
+ <div
|
|
|
+ class={[styles.bottomFixedContainer]}
|
|
|
+ onClick={(e: Event) => {
|
|
|
+ e.stopPropagation()
|
|
|
+ setModelOpen()
|
|
|
+ }}
|
|
|
+ >
|
|
|
<div class={styles.time}>
|
|
|
<span>{getSecondRPM(m.currentTime)}</span>
|
|
|
<span>{getSecondRPM(m.duration)}</span>
|
|
|
</div>
|
|
|
<div class={styles.slider}>
|
|
|
<Slider
|
|
|
- onClick={() => {
|
|
|
- setModelOpen()
|
|
|
- }}
|
|
|
+ onClick={() => setModelOpen()}
|
|
|
style={{ display: m.isprepare ? 'block' : 'none' }}
|
|
|
buttonSize={16}
|
|
|
step={0.1}
|
|
@@ -543,19 +542,10 @@ export default defineComponent({
|
|
|
{m.loop ? (
|
|
|
<img
|
|
|
src={iconLoopActive}
|
|
|
- onClick={(e: Event) => {
|
|
|
- e.stopPropagation()
|
|
|
- m.loop = false
|
|
|
- }}
|
|
|
+ onClick={(e: Event) => (m.loop = false)}
|
|
|
/>
|
|
|
) : (
|
|
|
- <img
|
|
|
- src={iconLoop}
|
|
|
- onClick={(e: Event) => {
|
|
|
- e.stopPropagation()
|
|
|
- m.loop = true
|
|
|
- }}
|
|
|
- />
|
|
|
+ <img src={iconLoop} onClick={(e: Event) => (m.loop = true)} />
|
|
|
)}
|
|
|
</div>
|
|
|
<div>{m.name}</div>
|