2 år sedan · 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
			
 
				     };
			
 
				   }
			
 
				 });