[add] install

nuxt.config.js

@@ -54,6 +54,11 @@ export default {
         path: '/:id?',
         component: resolve(__dirname, 'pages/index.vue')
       },{
+        name: 'install',
+        path: '/install',
+        component: resolve(__dirname, 'pages/install.vue')
+      },
+      {
         name: 'custom',
         path: '*',
         component: resolve(__dirname, 'pages/404.vue')

pages/index.vue

@@ -92,7 +92,7 @@
 					<span>Install DeNet</span>
 				</div>
 				<div class="tip">Used for Task Verification and Giveaways Withdrawal</div>
-				<div class="install_btn">Install</div>
+				<div class="install_btn" @click="installExtension">Install</div>
 				<div class="area_num">
 					<div class="num" style="background: #E0E0E0;">2</div>
 					<span>Complete Tasks by {{ detail.postBizData.postUserInfo.nickName }}</span>
@@ -198,6 +198,13 @@ export default {
 		}
 	},
 	methods: {
+		installExtension() {
+			let url = 'https://d3d9wvhy948gxx.cloudfront.net/extensions/chrome/denet.zip'
+			this.$router.push({
+				path: '/install'
+			})
+			location.href= url;
+		},
 		formatTime(time) {
 			return moment(time).format('MM-DD hh:mm:ss')
 		},

pages/install.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="wrapper">
+    <img class="img-title" src="../static/img/img-install-title.png" @click="installExtension">
+    <div class="row">
+      <img src="../static/img/img-install-01.png">
+      <img src="../static/img/img-install-02.png">
+      <img src="../static/img/img-install-03.png">
+      <img src="../static/img/img-install-04.png">
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+	name: "install",
+  methods: {
+		installExtension() {
+			let url = 'https://d3d9wvhy948gxx.cloudfront.net/extensions/chrome/denet.zip'
+			location.href= url;
+		},
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.wrapper {
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+  box-sizing: border-box;
+  .img-title {
+    width: 510px;
+    margin-bottom: 90px;
+    cursor: pointer;
+  }
+  .row {
+    img {
+      width: 270px;
+      margin-right: 30px;
+    }
+  }
+}
+</style>