From 7d0828954e500285101842018781370b6d993b84 Mon Sep 17 00:00:00 2001
From: kotori yang <yzjkid9@gmail.com>
Date: Mon, 18 Oct 2021 04:40:38 +0800
Subject: [PATCH] :new: Completed log-in and usr verification module

---
 public/index.html             |  2 +-
 src/assets/icon/more.svg      |  1 +
 src/pages/Home.vue            | 17 +++++++++++++++--
 src/pages/LogIn/LogInPage.vue |  5 ++++-
 src/router/index.js           |  3 ++-
 5 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/icon/more.svg

diff --git a/public/index.html b/public/index.html
index ff3707e..b316332 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline';img-src * 'self' data:;font-src 'self' data:">
+<!--    <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline';img-src * 'self' data:;font-src 'self' data:">-->
     <link rel="apple-touch-icon" href="icon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
diff --git a/src/assets/icon/more.svg b/src/assets/icon/more.svg
new file mode 100644
index 0000000..a4c1f0d
--- /dev/null
+++ b/src/assets/icon/more.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1634406411189" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2423" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M511.971859 66.861804c-245.826801 0-445.11159 199.284789-445.11159 445.138196s199.284789 445.138196 445.11159 445.138196c245.880013 0 445.164802-199.284789 445.164802-445.138196S757.852896 66.861804 511.971859 66.861804zM511.971859 901.396661c-214.68964 0-389.370055-174.679391-389.370055-389.396661s174.680415-389.396661 389.370055-389.396661c214.744899 0 389.42429 174.679391 389.42429 389.396661S726.716758 901.396661 511.971859 901.396661z" p-id="2424" fill="#ffffff"></path><path d="M707.065186 484.130256 539.842627 484.130256 539.842627 316.906673c0-15.404852-12.410658-27.869744-27.869744-27.869744-15.350616 0-27.870768 12.465916-27.870768 27.869744l0 167.223582L316.879556 484.130256c-15.350616 0-27.870768 12.464893-27.870768 27.869744 0 15.404852 12.520151 27.869744 27.870768 27.869744l167.222559 0 0 167.223582c0 15.404852 12.520151 27.869744 27.870768 27.869744 15.459087 0 27.869744-12.465916 27.869744-27.869744L539.842627 539.869744l167.222559 0c15.459087 0 27.870768-12.465916 27.870768-27.869744C734.935953 496.594125 722.524273 484.130256 707.065186 484.130256z" p-id="2425" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 06f0d7b..24937e5 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="home">
+    <img @click.prevent="quit" class=more src="../assets/icon/more.svg" alt="">
     <MainTitle/>
     <TravelIndex/>
     <Notice/>
@@ -20,13 +21,25 @@ export default {
   beforeCreate () {
     document.querySelector('body').setAttribute('style', 'background: #3CAD60')
   },
-  beforeDestroy () {
-    document.querySelector('body').setAttribute('style', 'background: #e3e1e1;')
+  // beforeDestroy () {
+  //   document.querySelector('body').setAttribute('style', 'background: #e3e1e1;')
+  // },
+  methods: {
+    quit() {
+      localStorage.removeItem("phoneNum");
+      this.$router.push({name: "login"})
+    }
   }
 }
 </script>
 
 <style scoped>
 
+.more {
+  position: absolute;
+  top: 5vh;
+  height: 2.5vh;
+  right: 5vw;
+}
 
 </style>
\ No newline at end of file
diff --git a/src/pages/LogIn/LogInPage.vue b/src/pages/LogIn/LogInPage.vue
index 04d791e..8e10336 100644
--- a/src/pages/LogIn/LogInPage.vue
+++ b/src/pages/LogIn/LogInPage.vue
@@ -10,7 +10,10 @@ import MainTitle from "@/components/Title";
 import LonInAccount from "@/pages/LogIn/LonInAccount";
 export default {
   name: "LogInPage",
-  components: {LonInAccount, MainTitle}
+  components: {LonInAccount, MainTitle},
+  beforeCreate () {
+    document.querySelector('body').setAttribute('style', 'background: #FFFFFF')
+  },
 }
 </script>
 
diff --git a/src/router/index.js b/src/router/index.js
index 1d18ca1..416a369 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -60,7 +60,8 @@ const router = new VueRouter({
 
 router.beforeEach((to, from, next) => {
 
-  if ((to.meta["index"] !== 0) || !from.meta["index"]) {
+  if ((to.meta["index"] !== 0) || !from.meta["index"] ||
+    (to.meta["index"] === 0 && !localStorage.getItem("phoneNum"))) {
     next()
   }