Add link

pages/index.vue

@@ -6,95 +6,129 @@
         <div class="bg-enTitle">Yabo Customer Service</div>
         <div class="bg-content">7*24小时专线服务 贴心至上</div>
       </div>
-      <img class="bg-img" src="~/assets/images/bg.png">
+      <img class="bg-img" src="~/assets/images/bg.png" />
     </div>
     <div class="content">
       <div class="cs" @click="csMask = true">
-        <div class="cs-title"><img src="~/assets/images/24h.png">在线客服</div>
+        <div class="cs-title">
+          <img src="~/assets/images/24h.png" />在线客服
+        </div>
         <div class="cs-enTitle">
           <span>Customer Service</span>
-          <img src="~/assets/images/arrow_right.png">
+          <img src="~/assets/images/arrow_right.png" />
         </div>
         <div class="cs-content">7*24小时专线服务 贴心至上</div>
       </div>
       <div class="application">
         <div class="application-title">亚博应用</div>
         <div class="application-item">
-          <img src="~/assets/images/icon1.png">
-          <div class="application-text">
+          <img src="~/assets/images/icon1.png" @click="goUrl()" />
+          <div class="application-text" @click="goUrl()">
             <div class="application-title">亚博全站</div>
             <div class="application-content">极致完美的游戏体验</div>
           </div>
-          <div class="application-download">下载</div>
+          <a v-if="url" class="application-download" :href="url.DownUrl"
+            >下载</a
+          >
         </div>
         <div class="application-item">
-          <img src="~/assets/images/icon2.png">
-          <div class="application-text">
+          <img src="~/assets/images/icon2.png" @click="goUrl()" />
+          <div class="application-text" @click="goUrl()">
             <div class="application-title">亚博体育</div>
             <div class="application-content">业内顶尖投注手机APP</div>
           </div>
-          <div class="application-download">下载</div>
+          <a v-if="url" class="application-download" :href="url.DownUrl"
+            >下载</a
+          >
         </div>
       </div>
     </div>
     <div class="question">
-      <img src="~/assets/images/q1_btn.png" @click="q1Mask = true">
-      <img src="~/assets/images/q2_btn.png" @click="q2Mask = true">
+      <img src="~/assets/images/q1_btn.png" @click="q1Mask = true" />
+      <img src="~/assets/images/q2_btn.png" @click="q2Mask = true" />
     </div>
     <van-overlay :show="csMask" @click="csMask = false">
       <div class="csMask-wrapper">
         <div class="csMask-block" @click.stop>
-          <img src="~/assets/images/tip_bg.png">
+          <img src="~/assets/images/tip_bg.png" />
           <div class="csMask-area">
             <h3>安全提示</h3>
-            <div class="csMask-text"><span>为了保护您的资金安全，请不要主动将您的资金转入客服提供的银行卡中。</span></div>
+            <div class="csMask-text">
+              <span
+                >为了保护您的资金安全，请不要主动将您的资金转入客服提供的银行卡中。</span
+              >
+            </div>
             <div class="csMask-text">
               客服不会主动给会员卡号引导会员存款，如果客服主动要求将资金转入某张银行卡，<span>请勿进行资金交易</span>，否则引发的不到账等情况，概不负责。
             </div>
 
-            <div class="csMask-btn"><nuxt-link to="service">我已了解</nuxt-link></div>
+            <div class="csMask-btn">
+              <nuxt-link to="service">我已了解</nuxt-link>
+            </div>
           </div>
         </div>
       </div>
     </van-overlay>
-    <van-popup v-model="q1Mask" round position="bottom" :style="{ height: '94%' }">
+    <van-popup
+      v-model="q1Mask"
+      round
+      position="bottom"
+      :style="{ height: '94%' }"
+    >
       <div class="q1Mask-wrapper">
         <div class="q1Mask-header">
           <div class="q1Mask-header-btn" @click="q1Mask = false">取消</div>
           <div class="q1Mask-header-title">掉签教程</div>
         </div>
-        <img src="~/assets/images/q1_img.jpg">
+        <img src="~/assets/images/q1_img.jpg" />
       </div>
     </van-popup>
-    <van-popup v-model="q2Mask" round position="bottom" :style="{ height: '92.5%', overflow: 'hidden' }">
+    <van-popup
+      v-model="q2Mask"
+      round
+      position="bottom"
+      :style="{ height: '92.5%', overflow: 'hidden' }"
+    >
       <div class="q1Mask-wrapper">
         <div class="q1Mask-header">
           <div class="q1Mask-header-btn" @click="q2Mask = false">取消</div>
           <div class="q1Mask-header-title">安装教程</div>
         </div>
-        <img src="~/assets/images/q2_img.jpg">
-        <div class="q1Mask-btn">一键信任</div>
+        <img src="~/assets/images/q2_img.jpg" />
+        <a v-if="url" class="q1Mask-btn" :href="url.AntiUrl">一键信任</a>
       </div>
     </van-popup>
   </div>
 </template>
 
 <script>
+import axios from "axios";
 export default {
-  name: 'IndexPage',
+  name: "IndexPage",
   data() {
     return {
       csMask: false,
       q1Mask: false,
       q2Mask: false,
-    }
+      url: null,
+    };
   },
-}
+  mounted() {
+    axios
+      .get("https://fastcloud.oss-accelerate.aliyuncs.com/fy/line.json")
+      .then((res) => {
+        this.url = res.data.server[0];
+      });
+  },
+  methods: {
+    goUrl() {
+      window.location.href = this.url.H5Url;
+    },
+  },
+};
 </script>
 
 <style>
-.container {}
-
 .bg-text {
   position: absolute;
   margin: 5.5rem 0 0 1rem;
@@ -191,7 +225,7 @@ export default {
 }
 
 .application-item:nth-child(2) {
-  border-bottom: 1px solid rgba(238, 238, 238, .5);
+  border-bottom: 1px solid rgba(238, 238, 238, 0.5);
 }
 
 .application-item img {
@@ -284,7 +318,7 @@ export default {
   background-color: white;
   width: 100%;
   border-radius: 1rem 1rem 0 0;
-  border-bottom: 1px rgba(238, 238, 238, .5) solid;
+  border-bottom: 1px rgba(238, 238, 238, 0.5) solid;
   line-height: 3rem;
   text-align: center;
 }
@@ -318,5 +352,6 @@ export default {
   margin: -6rem auto;
   position: relative;
   z-index: 1;
+  display: block;
 }
 </style>

pages/service.vue

 <template>
   <div class="container">
     <div class="header">
-      <img src="~/assets/images/arrow_left.png" @click="$router.go(-1)">
+      <img src="~/assets/images/arrow_left.png" @click="$router.go(-1)" />
       在线客服
     </div>
     <div class="iframe">
-      <iframe :src="serviceLink" frameborder="0"></iframe>
+      <iframe v-if="url" :src="url.LineUrl" frameborder="0"></iframe>
     </div>
-
   </div>
 </template>
 
 <script>
+import axios from "axios";
 export default {
-  name: 'ServicePage',
+  name: "ServicePage",
   data() {
     return {
-      serviceLink: 'https://chatweb.3dd31.com/chat/text/chat_1IZwcZ.html?skill=2c9483b57e086c2b017e1a538e8b3843&amp;l=zh'
-    }
+      url: null,
+    };
   },
-}
+  mounted() {
+    axios
+      .get("https://fastcloud.oss-accelerate.aliyuncs.com/fy/line.json")
+      .then((res) => {
+        this.url = res.data.server[0];
+      });
+  },
+};
 </script>
 
 <style>