fix: issues

frontend/src/views/PlayView.vue

@@ -4,17 +4,18 @@
     <video id="video" :poster="item.poster"></video>
   </div>
 
-  <van-notice-bar v-if="false === item.bought" left-icon="volume-o" text="未购买的视频、音频默认播放时长为1分钟左右。" />
+  <template v-if="false === item.bought">
+    <van-notice-bar left-icon="volume-o" text="未购买的视频、音频默认播放时长为1分钟左右。" />
+    <van-button square type="success" @click="buy()" size="large" block>
+      花费 {{ item.price * item.discount / 100 }} 点 立即购买
+    </van-button>
+  </template>
+  <template v-else></template>
 
 
   <div id="container">
     <van-space direction="vertical" fill size="2rem">
 
-      <van-row gutter="20" v-show="playing">
-        <van-col span="24">
-          <van-progress :percent="(currentTime / duration) * 100" />
-        </van-col>
-      </van-row>
 
       <van-row gutter="20">
         <van-col span="12">
@@ -26,11 +27,19 @@
         </van-col>
       </van-row>
 
-      <van-row gutter="20" v-show="playing">
-        <van-col span="24">
-          <van-button round type="danger" @click="stop()" size="large" block>结束播放</van-button>
-        </van-col>
-      </van-row>
+      <template v-if="playing">
+        <van-row gutter="20">
+          <van-col span="24">
+            <van-progress :percent="(currentTime / duration) * 100" />
+          </van-col>
+        </van-row>
+        <van-row gutter="20">
+          <van-col span="24">
+            <van-button round type="danger" @click="stop()" size="large" block>结束播放</van-button>
+          </van-col>
+        </van-row>
+      </template>
+
     </van-space>
   </div>
 </template>