пре 2 година · 108f62488b
--- a/dist/css/about.b45c6ce0.css
+++ b/dist/css/about.b45c6ce0.css
--- a/dist/css/app.3b957694.css
+++ b/dist/css/app.3b957694.css
--- a/dist/css/app.a5f97891.css
+++ b/dist/css/app.a5f97891.css
--- a/dist/css/chunk-vendors.74377dc6.css
+++ b/dist/css/chunk-vendors.74377dc6.css
--- a/dist/css/guide.47ea104e.css
+++ b/dist/css/guide.47ea104e.css
@@ -1 +0,0 @@
 
															-.guide{width:100%;padding:2.66667vw;font-family:PingFang·SC;box-sizing:border-box}.guide p{font-size:3.73333vw;color:#666;line-height:5.33333vw}.guide .mt12{margin-top:3.2vw}.guide .mt20{margin-top:5.33333vw}.guide .pd12{padding:3.2vw}.guide__block__tt:before{content:"";display:block;width:1.6vw;height:1.6vw;border-radius:1.6vw;border-color:#ffc400;border-width:.53333vw;border-style:solid}.guide__block__tt h3{margin-left:1.6vw}.guide__block__step{width:100%;background-color:#f1f1f1;border-radius:2.66667vw;box-sizing:border-box}.guide__block__step .body{padding:5.33333vw}.guide__block__step .step{width:10.66667vw;height:10.66667vw}.guide__block__step .foot-homing{width:26.66667vw;height:26.66667vw}.guide__block__step .foot-draw-close,.guide__block__step .foot-left-top{width:48vw;height:48vw}.guide__block__step .foot-left-bottom{width:47.46667vw;height:48vw}.guide__block__step .foot-right-top{width:47.46667vw;height:47.73333vw}.guide__block__step .foot-right-bottom{width:47.46667vw;height:48vw}.guide__block__step .next{width:6.93333vw;height:7.46667vw}.guide__block__step .order{width:80vw;height:12.26667vw}
														
--- a/dist/css/guide.88264755.css
+++ b/dist/css/guide.88264755.css
--- a/dist/img/begin-1@2x.65728b66.png
+++ b/dist/img/begin-1@2x.65728b66.png
--- a/dist/img/begin-2@2x.08066d2a.png
+++ b/dist/img/begin-2@2x.08066d2a.png
--- a/dist/img/begin-3@2x.9142b79d.png
+++ b/dist/img/begin-3@2x.9142b79d.png
--- a/dist/img/connect-1@2x.997f51c0.png
+++ b/dist/img/connect-1@2x.997f51c0.png
--- a/dist/img/connect-2@2x.cc14e6fe.png
+++ b/dist/img/connect-2@2x.cc14e6fe.png
--- a/dist/img/connect-3@2x.63f9aa66.png
+++ b/dist/img/connect-3@2x.63f9aa66.png
--- a/dist/img/foot-draw-close.7992c9bd.png
+++ b/dist/img/foot-draw-close.7992c9bd.png
--- a/dist/img/foot-homing.764135bb.png
+++ b/dist/img/foot-homing.764135bb.png
--- a/dist/img/foot-left-bottom.cf7418b7.png
+++ b/dist/img/foot-left-bottom.cf7418b7.png
--- a/dist/img/foot-left-top.bde170dc.png
+++ b/dist/img/foot-left-top.bde170dc.png
--- a/dist/img/foot-right-bottom.abd0d790.png
+++ b/dist/img/foot-right-bottom.abd0d790.png
--- a/dist/img/foot-right-top.c478dd4f.png
+++ b/dist/img/foot-right-top.c478dd4f.png
--- a/dist/img/miracast-1@2x.e69a2b43.png
+++ b/dist/img/miracast-1@2x.e69a2b43.png
--- a/dist/img/miracast-2@2x.4dbabe9c.png
+++ b/dist/img/miracast-2@2x.4dbabe9c.png
--- a/dist/img/miracast-3@2x.08da7c02.png
+++ b/dist/img/miracast-3@2x.08da7c02.png
--- a/dist/img/order-left-bottom.ce3207b1.png
+++ b/dist/img/order-left-bottom.ce3207b1.png
--- a/dist/img/order-left-top.dfaa90c3.png
+++ b/dist/img/order-left-top.dfaa90c3.png
--- a/dist/img/order-middle.26880c9e.png
+++ b/dist/img/order-middle.26880c9e.png
--- a/dist/img/order-right-bottom.8e9c42a8.png
+++ b/dist/img/order-right-bottom.8e9c42a8.png
--- a/dist/img/order-right-top.2b72d744.png
+++ b/dist/img/order-right-top.2b72d744.png
--- a/dist/img/pair-1@2x.d80e1a29.png
+++ b/dist/img/pair-1@2x.d80e1a29.png
--- a/dist/img/pair-2@2x.de7ba518.png
+++ b/dist/img/pair-2@2x.de7ba518.png
--- a/dist/img/pair-3@2x.de7ba518.png
+++ b/dist/img/pair-3@2x.de7ba518.png
--- a/dist/img/power-1@2x.61454393.png
+++ b/dist/img/power-1@2x.61454393.png
--- a/dist/img/power-2@2x.474660e4.png
+++ b/dist/img/power-2@2x.474660e4.png
--- a/dist/img/power-3@2x.b8153136.png
+++ b/dist/img/power-3@2x.b8153136.png
--- a/dist/img/recharge-1@2x.6fc86b4b.png
+++ b/dist/img/recharge-1@2x.6fc86b4b.png
--- a/dist/img/recharge-2@2x.5dd4dce1.png
+++ b/dist/img/recharge-2@2x.5dd4dce1.png
--- a/dist/img/recharge-3@2x.db595737.png
+++ b/dist/img/recharge-3@2x.db595737.png
--- a/dist/img/replace-1@2x.a1798164.png
+++ b/dist/img/replace-1@2x.a1798164.png
--- a/dist/img/replace-2@2x.612595a6.png
+++ b/dist/img/replace-2@2x.612595a6.png
--- a/dist/img/replace-3@2x.495b3ddb.png
+++ b/dist/img/replace-3@2x.495b3ddb.png
--- a/dist/index.html
+++ b/dist/index.html
@@ -1 +1 @@
 
															-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>sport-web</title><link href="/css/about.1a709a7a.css" rel="prefetch"><link href="/css/guide.47ea104e.css" rel="prefetch"><link href="/js/about.4e4e359f.js" rel="prefetch"><link href="/js/guide.9a81100f.js" rel="prefetch"><link href="/css/app.a5f97891.css" rel="preload" as="style"><link href="/js/app.9176bc01.js" rel="preload" as="script"><link href="/js/chunk-vendors.592a2fed.js" rel="preload" as="script"><link href="/css/app.a5f97891.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sport-web doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.592a2fed.js"></script><script src="/js/app.9176bc01.js"></script></body></html>
														
 
															+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>sport-web</title><link href="/css/about.b45c6ce0.css" rel="prefetch"><link href="/css/guide.88264755.css" rel="prefetch"><link href="/js/about.8cfd5d9f.js" rel="prefetch"><link href="/js/guide.d1275e5a.js" rel="prefetch"><link href="/css/app.3b957694.css" rel="preload" as="style"><link href="/css/chunk-vendors.74377dc6.css" rel="preload" as="style"><link href="/js/app.687e819c.js" rel="preload" as="script"><link href="/js/chunk-vendors.802266b3.js" rel="preload" as="script"><link href="/css/chunk-vendors.74377dc6.css" rel="stylesheet"><link href="/css/app.3b957694.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but sport-web doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.802266b3.js"></script><script src="/js/app.687e819c.js"></script></body></html>
														
--- a/dist/js/about.8cfd5d9f.js
+++ b/dist/js/about.8cfd5d9f.js
--- a/dist/js/app.687e819c.js
+++ b/dist/js/app.687e819c.js
--- a/dist/js/app.9176bc01.js
+++ b/dist/js/app.9176bc01.js
--- a/dist/js/chunk-vendors.592a2fed.js
+++ b/dist/js/chunk-vendors.592a2fed.js
--- a/dist/js/chunk-vendors.802266b3.js
+++ b/dist/js/chunk-vendors.802266b3.js
--- a/dist/js/guide.9a81100f.js
+++ b/dist/js/guide.9a81100f.js
--- a/dist/js/guide.d1275e5a.js
+++ b/dist/js/guide.d1275e5a.js
--- a/src/views/Guide/Index/components/VideoDialog/index.vue
+++ b/src/views/Guide/Index/components/VideoDialog/index.vue
@@ -4,10 +4,7 @@
 
															       >关闭</span
														
 
															     >
														
 
															     <video class="player" controls autoplay>
														
 
															-      <source
														
 
															-        src="https://www.runoob.com/try/demo_source/movie.ogg"
														
 
															-        type="video/ogg"
														
 
															-      />
														
 
															+      <source :src="url" type="video/mp4" />
														
 
															       <object data="movie.mp4" width="320" height="240">
														
 
															         <embed
														
 
															           width="320"
														
@@ -16,7 +13,6 @@
 
															         />
														
 
															       </object>
														
 
															     </video>
														
 
															-    <div class="player"></div>
														
 
															   </div>
														
 
															 </template>
														
@@ -27,6 +23,10 @@ export default defineComponent({
 
															     visible: {
														
 
															       type: Boolean,
														
 
															       default: false
														
 
															+    },
														
 
															+    url: {
														
 
															+      type: String,
														
 
															+      required: true
														
 
															     }
														
 
															   },
														
 
															   setup(props, content) {
														
@@ -69,7 +69,7 @@ export default defineComponent({
 
															   top: 0;
														
 
															   bottom: 0;
														
 
															   z-index: 999;
														
 
															-  background: rgba($color: #000000, $alpha: 0.3);
														
 
															+  background: rgba($color: #000000, $alpha: 1);
														
 
															   .close {
														
 
															     position: absolute;
														
 
															     left: 20px;
														
@@ -78,7 +78,6 @@ export default defineComponent({
 
															   }
														
 
															   .player {
														
 
															     width: 100%;
														
 
															-    height: 100%;
														
 
															     background-color: black;
														
 
															   }
														
 
															 }
														
--- a/src/views/Guide/Index/index.vue
+++ b/src/views/Guide/Index/index.vue
@@ -116,7 +116,14 @@
 
															         </li>
														
 
															       </ul>
														
 
															       <ul class="shoes-use" v-else>
														
 
															-        <li class="item df jc-sb ai-c pt20 pb20 pl16 pr16 pointer">
														
 
															+        <li
														
 
															+          class="item df jc-sb ai-c pt20 pb20 pl16 pr16 pointer"
														
 
															+          @click="
														
 
															+            open(
														
 
															+              'http://static.ouj.com/video/bcc4eb41-7475-3296-845f-1ef35a2d01d8.mp4'
														
 
															+            )
														
 
															+          "
														
 
															+        >
														
 
															           <div class=" df ai-c">
														
 
															             <img
														
 
															               class="icon"
														
@@ -131,7 +138,7 @@
 
															           class="item df jc-sb ai-c pl16 pr16 pt16 pb16 pointer mt16"
														
 
															           v-for="item in gameLinks"
														
 
															           :key="item.image"
														
 
															-          @click="videoVisible = true"
														
 
															+          @click="open(item.video)"
														
 
															         >
														
 
															           <div class=" df ai-c">
														
 
															             <img class="image" :src="item.image" :alt="item.alt" />
														
@@ -141,7 +148,7 @@
 
															         </li>
														
 
															       </ul>
														
 
															     </div>
														
 
															-    <VideoDialog v-model:visible="videoVisible" />
														
 
															+    <VideoDialog v-model:visible="videoVisible" :url="cVideo" />
														
 
															   </div>
														
 
															 </template>
														
 
															 <script lang="ts">
														
@@ -157,60 +164,54 @@ export default defineComponent({
 
															       {
														
 
															         image:
														
 
															           "https://static.ouj.com/shoes/game/2f1f2a47a3954468bd780ef5e8717d09.jpg?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/d84b945b-0bf4-3a17-8a37-2a9e77ed3a67.mp4",
														
 
															         alt: "跑酷",
														
 
															         title: "跑酷 操作教程"
														
 
															       },
														
 
															       {
														
 
															         image:
														
 
															           "https://static.ouj.com/shoes/game/972a3abdaf064763b82b78f8840fbb81.jpg?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/8b0c5908-254f-3179-b274-5077e4855190.mp4",
														
 
															         alt: "跳舞",
														
 
															         title: "跳舞 操作教程"
														
 
															       },
														
 
															       {
														
 
															         image:
														
 
															-          "http://static.ouj.com/shoes/test/game/045b95e16c6c451db2fc641e85433d40.png?x-oss-process=image/resize,w_240",
														
 
															-        alt: "三轮车",
														
 
															-        title: "三轮车 操作教程"
														
 
															-      },
														
 
															-      {
														
 
															-        image:
														
 
															           "https://static.ouj.com/shoes/game/a597ea4e7f3744b0ac7f41d23933f65b.jpg?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/b45d2fab-6829-3615-9a21-b62aa474084d.mp4",
														
 
															         alt: "硬币奔跑",
														
 
															         title: "硬币奔跑 操作教程"
														
 
															       },
														
 
															       {
														
 
															         image:
														
 
															           "https://static.ouj.com/shoes/game/524449d2533f4ddf85eba2f7750ae8c0.jpg?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/04d3c34a-7c29-34de-8e6f-fc33e7268274.mp4",
														
 
															         alt: "功夫小羊",
														
 
															         title: "功夫小羊 操作教程"
														
 
															       },
														
 
															       {
														
 
															         image:
														
 
															           "https://static.ouj.com/shoes/game/6e73083316d745c6af62970cfd5a4458.png?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/f4991d52-238b-38c6-99da-6851bbb01368.mp4",
														
 
															         alt: "剪刀石头布",
														
 
															         title: "剪刀石头布 操作教程"
														
 
															       },
														
 
															       {
														
 
															         image:
														
 
															           "https://static.ouj.com/shoes/game/5279be54588a498785cc628ab1e3732e.jpg?x-oss-process=image/resize,w_240",
														
 
															+        video:
														
 
															+          "http://static.ouj.com/video/95c523ad-8315-3155-8d5e-e8e24d3fafe1.mp4",
														
 
															         alt: "踢馆大师",
														
 
															         title: "踢馆大师 操作教程"
														
 
															-      },
														
 
															-      {
														
 
															-        image:
														
 
															-          "https://static.ouj.com/shoes/game/25f7f7f3388e4ca185aa8f784b066ca6.jpg?x-oss-process=image/resize,w_240",
														
 
															-        alt: "切蛋糕",
														
 
															-        title: "切蛋糕 操作教程"
														
 
															-      },
														
 
															-      {
														
 
															-        image:
														
 
															-          "https://static.ouj.com/shoes/game/d6d373a83be748109a2bc22d4687b191.jpg?x-oss-process=image/resize,w_240",
														
 
															-        alt: "盖房子",
														
 
															-        title: "盖房子 操作教程"
														
 
															       }
														
 
															     ]);
														
 
															     const videoVisible = ref(false);
														
 
															-
														
 
															+    const cVideo = ref("");
														
 
															     const $_change = (index: number) => {
														
 
															       active.value = index;
														
 
															     };
														
@@ -219,12 +220,19 @@ export default defineComponent({
 
															       router.push(path);
														
 
															     };
														
 
															+    const $_open = (url: string) => {
														
 
															+      cVideo.value = url;
														
 
															+      videoVisible.value = true;
														
 
															+    };
														
 
															+
														
 
															     return {
														
 
															       active,
														
 
															       change: $_change,
														
 
															       gameLinks,
														
 
															       navigate: $_navigate,
														
 
															-      videoVisible
														
 
															+      videoVisible,
														
 
															+      cVideo,
														
 
															+      open: $_open
														
 
															     };
														
 
															   }
														
 
															 });