123

src/App.vue

@@ -1,9 +1,9 @@
 <template>
   <div id="app">
-    <nav>
+<!--    <nav>
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link>
-    </nav>
+    </nav>-->
     <router-view/>
   </div>
 </template>

src/api/agreement.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+export function queryAgreement() {
+  return request({
+    url: 'http://124.222.254.188:8877/api/inner/agreement',
+    method: 'get'
+  })
+}
+

src/router/index.js

@@ -10,6 +10,36 @@ const routes = [
     name: 'home',
     component: HomeView
   },
+  {
+    path: '/anti/fraud',
+    name: 'antiFraud',
+    title: "防骗指南",
+    component: () => import(/* webpackChunkName: "about" */ '../views/AntiFraud.vue')
+  },
+  {
+    path: '/agreement/anchor-join',
+    name: 'anchorJoinAgreement',
+    title: "主播入驻协议",
+    component: () => import(/* webpackChunkName: "about" */ '../views/AnchorJoinAgreement.vue')
+  },
+  {
+    path: '/agreement/privacy',
+    name: 'privacyAgreement',
+    title: "隐私协议",
+    component: () => import(/* webpackChunkName: "about" */ '../views/PrivacyAgreement.vue')
+  },
+  {
+    path: '/agreement/user',
+    name: 'userAgreement',
+    title: "用户协议",
+    component: () => import(/* webpackChunkName: "about" */ '../views/UserAgreement.vue')
+  },
+  {
+    path: '/share',
+    name: 'share',
+    title: "分享",
+    component: () => import(/* webpackChunkName: "about" */ '../views/Share.vue')
+  },
   {
     path: '/about',
     name: 'about',

src/utils/request.js

@@ -0,0 +1,14 @@
+import axios from 'axios'
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 对应国际化资源文件后缀
+axios.defaults.headers['Content-Language'] = 'zh_CN'
+// 创建axios实例
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  // baseURL: process.env.VUE_APP_BASE_API,
+  // 超时
+  timeout: 10000
+})
+
+export default service

src/views/AnchorJoinAgreement.vue

@@ -0,0 +1,39 @@
+<template>
+  <div class="home-wrapper" v-html="agreement.anchorJoinAgreement">
+
+  </div>
+</template>
+
+<script>
+import {queryAgreement} from "@/api/agreement";
+
+export default {
+  name: 'AnchorJoinAgreement',
+  components: {},
+  data() {
+    return {
+      agreement: {
+        userAgreement: '',
+        anchorJoinAgreement: '',
+        privacyAgreement: '',
+      }
+    }
+  },
+  created() {
+    queryAgreement().then(response => {
+      this.agreement = response.data
+    })
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+</style>
+

src/views/AntiFraud.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="home-wrapper">
+    <img src="../assets/homePage.png" alt="">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'homePage',
+  components: {},
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+  img {
+    width: 100%;
+    height: 100%;
+  }
+</style>

src/views/PrivacyAgreement.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="home-wrapper" v-html="agreement.privacyAgreement">
+
+  </div>
+</template>
+
+<script>
+import {queryAgreement} from "@/api/agreement";
+
+export default {
+  name: 'PrivacyAgreement',
+  components: {},
+  data() {
+    return {
+      agreement: {
+        userAgreement: '',
+        anchorJoinAgreement: '',
+        privacyAgreement: '',
+      }
+    }
+  },
+  created() {
+    queryAgreement().then(response => {
+      this.agreement = response.data
+    })
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/views/Share.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="home-wrapper">
+    <div class="share-body">
+      ewqeqwe
+    </div>
+    <button class="downbtn" id="downloadButton" @click="download"></button>
+  </div>
+</template>
+
+<script>
+import {queryAgreement} from "@/api/agreement";
+export default {
+  name: 'PrivacyAgreement',
+  components: {},
+  data() {
+    return {
+      agreement: {
+        userAgreement: '',
+        anchorJoinAgreement: '',
+        privacyAgreement: '',
+      }
+    }
+  },
+  created() {
+    queryAgreement().then(response => {
+      this.agreement = response.data
+    })
+  },
+  mounted:function(){
+    const s = document.createElement('script');
+    s.type = 'text/javascript';
+    s.src = '//web.cdn.openinstall.io/openinstall.js';
+    s.addEventListener('load',()=>{
+      var data = OpenInstall.parseUrlParams();
+      new OpenInstall({
+        appKey : "jppiws",   //appkey参数配置,需要自行替换对应的appkey
+        onready : function() {
+          var m = this, button = document.getElementById("downloadButton");
+          m.schemeWakeup();
+          button.onclick = function() {
+            m.wakeupOrInstall();
+            return false;
+          }
+        }
+      }, data);
+    },false);
+    document.head.appendChild(s);
+  },
+  methods: {
+  }
+}
+</script>
+
+<style scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+.share-body {
+  height: 100%;
+  width: 100%;
+  background-size:100% 100%;
+  background: url("../assets/back.png") no-repeat fixed center center;
+}
+.downbtn {
+  position: absolute;
+  color: #ffffff;
+  text-align: center;
+  font-size: 2rem;
+  font-weight: bold;
+  height: 92px;
+  width: 505px;
+  line-height: 3rem;
+  background-image: url("../assets/download.png");
+  bottom: 9.3rem;
+  left: 25%;
+  border: none;
+  margin-bottom: 2rem;
+  border-radius: 1.8rem;
+}
+</style>

src/views/UserAgreement.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="home-wrapper">
+    <div v-html="agreement.userAgreement"></div>
+  </div>
+</template>
+
+<script>
+import {queryAgreement} from "@/api/agreement";
+
+export default {
+  name: 'UserAgreement',
+  components: {},
+  data() {
+    return {
+      agreement: {
+        userAgreement: '',
+        anchorJoinAgreement: '',
+        privacyAgreement: '',
+      }
+    }
+  },
+  created() {
+    queryAgreement().then(response => {
+      this.agreement = response.data.data
+    })
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+img {
+  width: 100%;
+  height: 100%;
+}
+</style>
+