From acd827c346ba1b1c6b25e681022de240096661a7 Mon Sep 17 00:00:00 2001
From: Rogee <rogeecn@qq.com>
Date: Thu, 12 Dec 2024 10:44:37 +0800
Subject: [PATCH] feat: complete player

---
 frontend/src/views/PlayView.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/PlayView.vue b/frontend/src/views/PlayView.vue
index fbb05ff..a93ca25 100644
--- a/frontend/src/views/PlayView.vue
+++ b/frontend/src/views/PlayView.vue
@@ -1,6 +1,7 @@
 <template>
   <van-nav-bar :title="item.title" left-text="返回" left-arrow @click-left="onClickLeft" />
   <video id="video" :poster="item.poster"></video>
+  <van-progress v-if="playing" :percentage="100 * currentTime / item.duration" stroke-width="8" :show-pivot="false" />
 
   <template v-if="false === item.bought">
     <van-notice-bar left-icon="volume-o" text="未购买的视频、音频默认播放时长为1分钟左右。" />
@@ -17,7 +18,7 @@
       <template v-if="playing">
         <van-row>
           <van-col span="24">
-            <van-button round type="danger" @click="stop()" size="large" block>结束播放</van-button>
+            <van-button type="danger" @click="stop()" size="large" block>结束播放</van-button>
           </van-col>
         </van-row>
       </template>
@@ -66,6 +67,8 @@ onMounted(() => {
   });
   player.addEventListener('pause', () => {
     playing.value = false;
+    player.currentTime = 0;
+    currentTime.value = 0;
   });
 })