官网

src/permission.js

@@ -7,7 +7,7 @@ import { getToken } from '@/utils/auth'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/skip', '/jump']
+const whiteList = ['/homePage','/login', '/auth-redirect', '/bind', '/register', '/skip', '/jump']
 
 router.beforeEach((to, from, next) => {
   NProgress.start()

src/router/index.js

@@ -38,6 +38,11 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/homePage',
+    component: (resolve) => require(['@/views/homePage'], resolve),
+    hidden: true
+  },
   {
     path: '/login',
     component: (resolve) => require(['@/views/login'], resolve),

src/views/homePage.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div class="imgTop"></div>
+    <div class="text">
+      <div style="color: #333; font-size: 24px; margin-top: 80px;">
+        ABOUT US
+      </div>
+      <div style="color: #333; font-size: 24px; margin-top: 26px;">
+        关于我们
+      </div>
+      <div style="color: #666; font-size: 18px; margin-top: 50px;">
+        杭州盲票科技有限公司专注于供应链产品研发，通过本地化业态场景画像、设计数字娱乐互动服务工具、依托大数据分析精准运营，为线下中小微商家、线上品牌商提供一站式解决方案，随着AIoT、区块链、5G技术的发展，场景的价值越来越重要，原来中心化的平台已经走到顶了，接下来的五年、十年甚至更长时间，是以线下商业场景为核心的，盲票科技以“娱乐+社交+电商”的方式为商家赋能，多元化的场景打造，为商家获取更多新客户、留存更多老客户，并提供全面的数字化技术服务。
+      </div>
+      <div style="color: #999; font-size: 16px; margin: 60px 0 80px 0;">
+        MORE
+      </div>
+    </div>
+    <div class="imgBottom"></div>
+    <div class="bottom">
+      <div class="bottom-text">
+        <span class="icp" @click="toBeian">浙ICP备2022006422号-1</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'homePage',
+  data() {
+    return {
+
+    }
+  },
+  created() {
+    document.title = '盲票官网'
+  },
+  methods: {
+    toBeian() {
+      window.open('https://beian.miit.gov.cn/', '_blank');
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.div {
+  display: inline-block;
+}
+.text {
+  margin: 0 auto;
+  text-align: center;
+  width: 960px;
+}
+.imgTop {
+  height: 680px;
+  width: 100%;
+  background: url("../assets/images/imgtop.png") no-repeat center center;
+  // background-size: cover;
+}
+
+.imgBottom {
+  height: 480px;
+  width: 100%;
+  background: url("../assets/images/imgbottom.png") no-repeat center center;
+  // background-size: cover;
+}
+.bottom {
+  width: 100%;
+  text-align: center;
+
+  &-text {
+    padding-top: 52px;
+    height: 120px;
+    width: 100%;
+    max-width: 1920px;
+    text-align: center;
+    display: inline-block;
+    background: #e8e8e8;
+    font-size: 14px;
+    color: #666;
+    
+    .icp{
+      cursor: pointer;
+    }
+    .icp:hover {
+      color: #000;
+    }
+  }
+}
+</style>