Răsfoiți Sursa

更新视频播放器组件,修改购买按钮的点击事件处理函数,并添加网络支付提示信息,提升用户在购买视频时的体验和信息透明度。同时,更新service worker的缓存版本以确保最新内容的加载。

wuyi 2 luni în urmă
părinte
comite
8530e71ec8
2 a modificat fișierele cu 18 adăugiri și 3 ștergeri
  1. 1 1
      dev-dist/sw.js
  2. 17 2
      src/views/VideoPlayer.vue

+ 1 - 1
dev-dist/sw.js

@@ -79,7 +79,7 @@ define(['./workbox-f2cb1a81'], (function (workbox) { 'use strict';
    */
   workbox.precacheAndRoute([{
     "url": "index.html",
-    "revision": "0.e5rshanlf6o"
+    "revision": "0.6qs42s98bgo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

+ 17 - 2
src/views/VideoPlayer.vue

@@ -117,7 +117,7 @@
             开通会员
           </button>
           <button
-            @click="purchaseVideo"
+            @click="handleSinglePurchaseClick"
             class="w-full bg-blue-500 hover:bg-blue-600 text-white py-3 px-4 rounded-lg font-semibold transition shadow-lg hover:shadow-xl flash-animation glow-animation hover:animate-none whitespace-nowrap"
           >
             单独购买本片
@@ -146,10 +146,18 @@
           确定要购买当前视频吗?<br />
           购买后即可观看完整内容
         </p>
-        <div class="text-lg font-semibold text-brand mb-6">
+        <div class="text-lg font-semibold text-brand mb-4">
           ¥{{ priceStore.getSinglePrice() }}
         </div>
 
+        <!-- 红字提示 -->
+        <div
+          class="text-xs text-red-400 mb-6 p-3 bg-red-500/10 rounded-lg border border-red-500/20"
+        >
+          注:因网络原因,偶尔付款成功后不能自动跳转播放,可以重新进入到 已购
+          列表查看(不换网络不丢单)
+        </div>
+
         <div class="space-y-3">
           <button
             @click="purchaseVideo"
@@ -243,6 +251,13 @@
           </label>
         </div>
 
+        <!-- 红字提示 -->
+        <div
+          class="text-xs text-red-400 mb-3 p-3 bg-red-500/10 rounded-lg border border-red-500/20"
+        >
+          注:因网络原因,偶尔付款成功后不能自动跳转,请重新返回页面点击已完成支付或刷新页面
+        </div>
+
         <!-- 操作按钮 -->
         <div class="flex gap-2 pt-3 border-t border-white/10">
           <button