Commit 57dce2db authored by Jeff's avatar Jeff

更新规则

parent c92fd173
<template>
<div id="app">
<common-header />
<common-header></common-header>
<body class="body-container">
<side-nav />
<router-view style="flex:1;border: 1px solid #666;" />
<right-panel />
<side-nav></side-nav>
<router-view style="flex:1;border: 1px solid #666;"></router-view>
<right-panel></right-panel>
</body>
<modal-layer />
<modal-layer></modal-layer>
</div>
</template>
......
......@@ -4,8 +4,11 @@
<div class="current-page">
当前的宝
</div>
<tip-panel />
<div class="show-modal" @click="showModal">
<tip-panel></tip-panel>
<div
class="show-modal"
@click="showModal"
>
show-modal
</div>
</div>
......
<template>
<div />
<div></div>
</template>
<script>
......
<template>
<modal name="completeModal" :click-to-close="false">
<complete-content />
<modal
name="completeModal"
:click-to-close="false"
>
<complete-content></complete-content>
</modal>
</template>
......
<template>
<div class="modal-layer">
<complete-modal />
<select-modal />
<complete-modal></complete-modal>
<select-modal></select-modal>
</div>
</template>
......
<template>
<div>
<div class="close-btn" @click="close">
<div
class="close-btn"
@click="close"
>
close
</div>
选择视频
......
<template>
<modal name="selectModal" :click-to-close="false">
<select-content />
<modal
name="selectModal"
:click-to-close="false"
>
<select-content></select-content>
</modal>
</template>
......
<template>
<div class="comp-rightpanel">
<router-view name="panel" />
<router-view name="panel"></router-view>
</div>
</template>
......
<template>
<div class="video-change" @click="changeVideo">
<div
class="video-change"
@click="changeVideo"
>
替换视频
</div>
</template>
......
<template>
<div class="video-control">
<div class="video-play-btn" @click="play()">
<div
class="video-play-btn"
@click="play()"
>
播放
</div>
<div class="video-time-content">
......
<template>
<div class="video-player">
<video ref="videoDom" src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4" />
<video
ref="videoDom"
src="https://resources.laihua.com/2020-7-27/547adf9b-73b0-4b14-bed6-6ee278a1b2b2.mp4"
></video>
</div>
</template>
<script>
......
<template>
<div class="screenshot">
<div class="content">
<video id="screenshot-video" width="400" height="300" :src="srcUrl" controls></video>
<video
id="screenshot-video"
width="400"
height="300"
:src="srcUrl"
controls
></video>
</div>
<div class="operate-area">
<input id="screenshot-input" type="file" style="display:none;" @change="changeFile" />
<input
id="screenshot-input"
type="file"
style="display:none;"
@change="changeFile"
>
<label id="select-btn">选择文件</label>
</div>
</div>
......
<template>
<div class="videoConverter">
<ul>
<li v-for="(item, index) in taskList" :key="index">
<li
v-for="(item, index) in taskList"
:key="index"
>
<div class="info">
<div class="cove">
视频封面
......@@ -12,24 +15,36 @@
</div>
</div>
<div class="operationPanel">
<div v-show="item.state == 0" class="wait">
<div
v-show="item.state == 0"
class="wait"
>
<div>输出格式</div>
<div class="selectionFormat">
mp4
</div>
<div class="delete" @click="clearTask(item)">
<div
class="delete"
@click="clearTask(item)"
>
删除
</div>
</div>
<div v-show="item.state == 1" class="active">
<div
v-show="item.state == 1"
class="active"
>
<div class="progress">
<div>转换中{{ item.progress }}%</div>
<div class="slide">
<div />
<div></div>
</div>
</div>
<div class="stop" @click="stopTask(item)">
<div
class="stop"
@click="stopTask(item)"
>
取消
</div>
</div>
......@@ -38,10 +53,16 @@
</ul>
<div class="editBar">
<div class="addVideo" @click="addVideo">
<div
class="addVideo"
@click="addVideo"
>
添加视频
</div>
<div class="clearList" @click="clearAllTasks">
<div
class="clearList"
@click="clearAllTasks"
>
清空列表
</div>
<div class="clearWatermark">
......@@ -49,7 +70,10 @@
</div>
</div>
<div class="startAll" @click="startAllTasks">
<div
class="startAll"
@click="startAllTasks"
>
开始转换
</div>
</div>
......
<template>
<div class="video-cutter">
<div class="video-content">
<VideoPlayer @currentTime="changeTime" @end="playEnd" @timeupdate="timeupdate" />
<VideoPlayer
@currentTime="changeTime"
@end="playEnd"
@timeupdate="timeupdate"
></VideoPlayer>
</div>
<div class="video-btn">
<videoChange @changeVideo="changeVideo" />
<videoControl :duration="duration" :now-time="nowTime" @play="videoPlay" />
<div />
<videoChange @changeVideo="changeVideo"></videoChange>
<videoControl
:duration="duration"
:now-time="nowTime"
@play="videoPlay"
></videoControl>
<div></div>
</div>
<div />
<div />
<div></div>
<div></div>
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment