前台

ruoyi-ui/src/permission.js

@@ -8,7 +8,7 @@ import { isRelogin } from '@/utils/request'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register','/welcome','/member','/personalmember','/introContent','/introContents','/introContentss','/guider']
+const whiteList = ['/login', '/register','/welcome','/member','/personalmember','/introContent','/introContents','/introContentss','/guider','/beforeLogin']
 
 router.beforeEach((to, from, next) => {
   debugger
@@ -17,7 +17,7 @@ router.beforeEach((to, from, next) => {
     to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
     /* has token*/
     if (to.path === '/login') {
-      next({ ...to, replace: true })
+      next()
       NProgress.done()
     } else if (whiteList.indexOf(to.path) !== -1) {
       next()

ruoyi-ui/src/router/index.js

@@ -122,6 +122,11 @@ export const constantRoutes = [
     path: '/guider',
     component: () => import('@/views/h5/guider/index'),
     hidden: true
+  },
+  {
+    path: '/beforeLogin',
+    component: () => import('@/views/beforeLogin'),
+    hidden: true
   }
 ]
 

ruoyi-ui/src/views/beforeLogin.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="m-login">
+    <div class="m-qr-box">
+      <div class="title">河北省非物质文化遗产保护协会欢迎您</div>
+      <div class="m-qr">
+        <img alt="" class="qr" src="../assets/images/qr1.png">
+        </img>
+      </div>
+      <div class="m-tips">请扫码了解详情</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "beforeLogin"
+}
+</script>
+
+<style lang="scss" scoped>
+.m-login {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background-image: url("../assets/images/login-backimg.png");
+  background-size: cover;
+
+  .m-qr-box {
+    width: 538px;
+    height: 632px;
+    background-image: url("../assets/images/qrcode-bg@2x.png");
+    background-size: cover;
+
+    .title {
+      font-family: Songti SC;
+      font-weight: 900;
+      font-size: 26px;
+      color: #723233;
+      line-height: 45px;
+      text-align: center;
+      margin-top: 80px;
+    }
+
+    .m-qr {
+      width: 234px;
+      height: 234px;
+      background-image: url("../assets/images/qrcode-bd@2x.png");
+      background-size: cover;
+      text-align: center;
+      margin: 0 auto;
+      margin-top: 80px;
+
+      .qr {
+        width: 90%;
+        margin-top: 15px;
+      }
+    }
+
+    .m-tips {
+      font-family: Source Han Sans SC;
+      font-weight: 500;
+      font-size: 20px;
+      color: #723233;
+      line-height: 40px;
+      text-align: center;
+      margin-top: 60px;
+    }
+  }
+}
+</style>