Commit 57dce2db authored by Jeff's avatar Jeff

更新规则

parent c92fd173
<template> <template>
<div id="app"> <div id="app">
<common-header /> <common-header></common-header>
<body class="body-container"> <body class="body-container">
<side-nav /> <side-nav></side-nav>
<router-view style="flex:1;border: 1px solid #666;" /> <router-view style="flex:1;border: 1px solid #666;"></router-view>
<right-panel /> <right-panel></right-panel>
</body> </body>
<modal-layer /> <modal-layer></modal-layer>
</div> </div>
</template> </template>
......
...@@ -4,8 +4,11 @@ ...@@ -4,8 +4,11 @@
<div class="current-page"> <div class="current-page">
当前的宝 当前的宝
</div> </div>
<tip-panel /> <tip-panel></tip-panel>
<div class="show-modal" @click="showModal"> <div
class="show-modal"
@click="showModal"
>
show-modal show-modal
</div> </div>
</div> </div>
......
<template> <template>
<div /> <div></div>
</template> </template>
<script> <script>
......
<template> <template>
<modal name="completeModal" :click-to-close="false"> <modal
<complete-content /> name="completeModal"
:click-to-close="false"
>
<complete-content></complete-content>
</modal> </modal>
</template> </template>
......
<template> <template>
<div class="modal-layer"> <div class="modal-layer">
<complete-modal /> <complete-modal></complete-modal>
<select-modal /> <select-modal></select-modal>
</div> </div>
</template> </template>
......
<template> <template>
<div> <div>
<div class="close-btn" @click="close"> <div
class="close-btn"
@click="close"
>
close close
</div> </div>
选择视频 选择视频
......
<template> <template>
<modal name="selectModal" :click-to-close="false"> <modal
<select-content /> name="selectModal"
:click-to-close="false"
>
<select-content></select-content>
</modal> </modal>
</template> </template>
......
<template> <template>
<div class="comp-rightpanel"> <div class="comp-rightpanel">
<router-view name="panel" /> <router-view name="panel"></router-view>
</div> </div>
</template> </template>
......
<template> <template>
<div class="video-change" @click="changeVideo"> <div
class="video-change"
@click="changeVideo"
>
替换视频 替换视频
</div> </div>
</template> </template>
......
<template> <template>
<div class="video-control"> <div class="video-control">
<div class="video-play-btn" @click="play()"> <div
class="video-play-btn"
@click="play()"
>
播放 播放
</div> </div>
<div class="video-time-content"> <div class="video-time-content">
......
<template> <template>
<div class="video-player"> <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> </div>
</template> </template>
<script> <script>
......
<template> <template>
<div class="screenshot"> <div class="screenshot">
<div class="content"> <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>
<div class="operate-area"> <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> <label id="select-btn">选择文件</label>
</div> </div>
</div> </div>
......
<template> <template>
<div class="videoConverter"> <div class="videoConverter">
<ul> <ul>
<li v-for="(item, index) in taskList" :key="index"> <li
v-for="(item, index) in taskList"
:key="index"
>
<div class="info"> <div class="info">
<div class="cove"> <div class="cove">
视频封面 视频封面
...@@ -12,24 +15,36 @@ ...@@ -12,24 +15,36 @@
</div> </div>
</div> </div>
<div class="operationPanel"> <div class="operationPanel">
<div v-show="item.state == 0" class="wait"> <div
v-show="item.state == 0"
class="wait"
>
<div>输出格式</div> <div>输出格式</div>
<div class="selectionFormat"> <div class="selectionFormat">
mp4 mp4
</div> </div>
<div class="delete" @click="clearTask(item)"> <div
class="delete"
@click="clearTask(item)"
>
删除 删除
</div> </div>
</div> </div>
<div v-show="item.state == 1" class="active"> <div
v-show="item.state == 1"
class="active"
>
<div class="progress"> <div class="progress">
<div>转换中{{ item.progress }}%</div> <div>转换中{{ item.progress }}%</div>
<div class="slide"> <div class="slide">
<div /> <div></div>
</div> </div>
</div> </div>
<div class="stop" @click="stopTask(item)"> <div
class="stop"
@click="stopTask(item)"
>
取消 取消
</div> </div>
</div> </div>
...@@ -38,10 +53,16 @@ ...@@ -38,10 +53,16 @@
</ul> </ul>
<div class="editBar"> <div class="editBar">
<div class="addVideo" @click="addVideo"> <div
class="addVideo"
@click="addVideo"
>
添加视频 添加视频
</div> </div>
<div class="clearList" @click="clearAllTasks"> <div
class="clearList"
@click="clearAllTasks"
>
清空列表 清空列表
</div> </div>
<div class="clearWatermark"> <div class="clearWatermark">
...@@ -49,7 +70,10 @@ ...@@ -49,7 +70,10 @@
</div> </div>
</div> </div>
<div class="startAll" @click="startAllTasks"> <div
class="startAll"
@click="startAllTasks"
>
开始转换 开始转换
</div> </div>
</div> </div>
......
<template> <template>
<div class="video-cutter"> <div class="video-cutter">
<div class="video-content"> <div class="video-content">
<VideoPlayer @currentTime="changeTime" @end="playEnd" @timeupdate="timeupdate" /> <VideoPlayer
@currentTime="changeTime"
@end="playEnd"
@timeupdate="timeupdate"
></VideoPlayer>
</div> </div>
<div class="video-btn"> <div class="video-btn">
<videoChange @changeVideo="changeVideo" /> <videoChange @changeVideo="changeVideo"></videoChange>
<videoControl :duration="duration" :now-time="nowTime" @play="videoPlay" /> <videoControl
<div /> :duration="duration"
:now-time="nowTime"
@play="videoPlay"
></videoControl>
<div></div>
</div> </div>
<div /> <div></div>
<div /> <div></div>
</div> </div>
</template> </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