update styles

layouts/empty.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <nuxt />
+  </div>
+</template>
+
+<style>
+html {
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  word-spacing: 1px;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+  margin: 0;
+}
+
+.button--green {
+  display: inline-block;
+  border-radius: 4px;
+  border: 1px solid #3b8070;
+  color: #3b8070;
+  text-decoration: none;
+  padding: 10px 30px;
+}
+
+.button--green:hover {
+  color: #fff;
+  background-color: #3b8070;
+}
+
+.button--grey {
+  display: inline-block;
+  border-radius: 4px;
+  border: 1px solid #35495e;
+  color: #35495e;
+  text-decoration: none;
+  padding: 10px 30px;
+  margin-left: 15px;
+}
+
+.button--grey:hover {
+  color: #fff;
+  background-color: #35495e;
+}
+</style>

pages/login/index.vue

@@ -25,41 +25,42 @@
 
 <script>
 export default {
+  layout: "empty",
   data() {
     return {
       ruleForm: {
         // 账号
-        webmaster: '',
+        webmaster: "",
         // 密码
-        password: '',
+        password: "",
         // 口令，格式：inn月日，无 0
-        cypher: '',
+        cypher: ""
       },
       rules: {
-        webmaster: [
-          { required: true, message: '请输入账号', trigger: 'blur' },
-        ],
+        webmaster: [{ required: true, message: "请输入账号", trigger: "blur" }],
         password: [
-          { required: true, message: '请输入密码', trigger: 'change' },
-          { min: 6, message: '长度在 6 个字符以上', trigger: 'blur' },
-        ],
-        cypher: [
-          { required: true, message: '请输入账号', trigger: 'blur' },
+          { required: true, message: "请输入密码", trigger: "change" },
+          { min: 6, message: "长度在 6 个字符以上", trigger: "blur" }
         ],
+        cypher: [{ required: true, message: "请输入账号", trigger: "blur" }]
       }
-    }
+    };
   },
   methods: {
     async submit() {
       // this.$router.replace('/main')
       // return
-      const { webmaster, password, cypher } = this.ruleForm
-      const res = await this.$post('/api/admin/index/login', { webmaster, password, cypher })
-      console.log(res)
-      if(res && res.status) this.$router.replace('/main')
+      const { webmaster, password, cypher } = this.ruleForm;
+      const res = await this.$post("/api/admin/index/login", {
+        webmaster,
+        password,
+        cypher
+      });
+      console.log(res);
+      if (res && res.status) this.$router.replace("/main");
     }
   }
-}
+};
 </script>
 
 <style>

pages/main/index.vue

@@ -24,7 +24,7 @@ export default {
 <style scoped>
 #main {
   display: flex;
-  height: 100vh;
+  height: calc(100vh - 70px);
   padding: 10px;
 }
 .main-content {