|
@@ -1,12 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="video" ref="videoRef">
|
|
<div class="video" ref="videoRef">
|
|
<div class="overflow">
|
|
<div class="overflow">
|
|
- <ui-icon
|
|
|
|
- ctrl
|
|
|
|
- :type="isScenePlayIng ? 'pause' : 'preview'"
|
|
|
|
- :disabled="!paths.length"
|
|
|
|
- @click="play"
|
|
|
|
- />
|
|
|
|
<ui-button
|
|
<ui-button
|
|
type="primary"
|
|
type="primary"
|
|
@click="addPath"
|
|
@click="addPath"
|
|
@@ -23,6 +17,13 @@
|
|
<div class="length">
|
|
<div class="length">
|
|
<span>视频时长</span>{{ paths.reduce((t, c) => t + c.time, 0).toFixed(1) }}s
|
|
<span>视频时长</span>{{ paths.reduce((t, c) => t + c.time, 0).toFixed(1) }}s
|
|
</div>
|
|
</div>
|
|
|
|
+ <ui-icon
|
|
|
|
+ ctrl
|
|
|
|
+ :type="isScenePlayIng ? 'a-pause' : 'a-play'"
|
|
|
|
+ :disabled="!paths.length"
|
|
|
|
+ @click="play"
|
|
|
|
+ style="font-size: 16px"
|
|
|
|
+ />
|
|
<div>
|
|
<div>
|
|
<attachAnimation :current="current" :paths="paths" />
|
|
<attachAnimation :current="current" :paths="paths" />
|
|
<div
|
|
<div
|
|
@@ -37,11 +38,11 @@
|
|
</div>
|
|
</div>
|
|
<!-- <attachAnimation :current="current" :paths="paths" /> -->
|
|
<!-- <attachAnimation :current="current" :paths="paths" /> -->
|
|
|
|
|
|
- <div class="photo-list" ref="listVm">
|
|
|
|
|
|
+ <div class="photo-list" ref="listVm" :class="{ disabled: isScenePlayIng }">
|
|
<template v-for="(path, i) in paths" :key="path.id">
|
|
<template v-for="(path, i) in paths" :key="path.id">
|
|
<div
|
|
<div
|
|
class="photo"
|
|
class="photo"
|
|
- :class="{ active: current === path, disabled: isScenePlayIng }"
|
|
|
|
|
|
+ :class="{ active: current === path }"
|
|
@click="changeCurrent(path)"
|
|
@click="changeCurrent(path)"
|
|
>
|
|
>
|
|
<ui-icon
|
|
<ui-icon
|
|
@@ -313,6 +314,7 @@ onUnmounted(() => {
|
|
padding: 10px 20px;
|
|
padding: 10px 20px;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
|
|
.length span {
|
|
.length span {
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|