提交

src/view/login.vue

@@ -7,7 +7,7 @@
         style="margin: 0 auto; display: block; margin-bottom: 35px"
       />
       <div class="loginTitle">用 户 登 录</div>
-      <el-form ref="form" :model="form" style="padding: 0 35px;">
+      <el-form ref="form" :model="form" style="padding: 0 35px">
         <el-input
           style="margin-top: 30px"
           placeholder="请输入用户名"
@@ -24,7 +24,7 @@
         >
         </el-input>
         <el-form-item>
-              <!-- background: linear-gradient(-90deg, #23cffd, #1f81e7); -->
+          <!-- background: linear-gradient(-90deg, #23cffd, #1f81e7); -->
           <el-button
             type="primary"
             round
@@ -33,7 +33,7 @@
               margin-top: 15px;
               display: block;
               width: 100%;
-              background: #7CC8F8;
+              background: #7cc8f8;
               border: none;
             "
           >
@@ -47,8 +47,8 @@
 
 <script>
 // @ is an alias to /src
- let sha256 = require("js-sha256").sha256
-import {loginv2} from "@/api/index.js"
+let sha256 = require("js-sha256").sha256;
+import { loginv2 } from "@/api/index.js";
 export default {
   name: "Login",
   data() {
@@ -62,17 +62,19 @@ export default {
   mounted() {},
   computed: {},
   methods: {
-      onSubmit(){
-          let from = new FormData();
-          from.append("username", this.form.username)
-          from.append("sign", sha256(this.form.username+this.form.password).toLowerCase())
-          console.log(from)
-          loginv2(from).then(r=>{
-              localStorage.token = r.token || "";
-              localStorage.login = this.form.username || "";
-              this.$router.replace({path: "/main" })
-          })
-      }
+    onSubmit() {
+      let from = new FormData();
+      from.append("username", this.form.username);
+      from.append(
+        "sign",
+        sha256(this.form.username + this.form.password).toLowerCase()
+      );
+      loginv2(from).then(r => {
+        localStorage.token = r.token || "";
+        localStorage.login = this.form.username || "";
+        this.$router.replace({ path: "/main" });
+      });
+    },
   },
   components: {},
 };
@@ -91,7 +93,7 @@ export default {
   padding-top: 22px;
   width: 521px;
   height: 447px;
-  background: rgba(255,255,255, .2);
+  background: rgba(255, 255, 255, 0.2);
   margin-top: 205px;
   border-radius: 3px;
   margin-right: 103px;

src/view/main.vue

@@ -12,7 +12,16 @@
         @click="layout"
       />
 
-      <div style="float: right;height:23px;line-height:23px;padding-right: 5px">{{username}}</div>
+      <div
+        style="
+          float: right;
+          height: 23px;
+          line-height: 23px;
+          padding-right: 5px;
+        "
+      >
+        {{ username }}
+      </div>
     </div>
     <div class="mainRight">
       <com-main :hd="hd" :topic="hdName"></com-main>
@@ -78,11 +87,11 @@ export default {
       hdName: "",
       hds: [],
       hts: [],
-      username: ""
+      username: "",
     };
   },
   mounted() {
-      this.username = localStorage.login || ""
+    this.username = localStorage.login || "";
     gethd().then(r => {
       this.hds = r || [];
       this.hd = this.hds[0].activityId;
@@ -201,7 +210,7 @@ export default {
   border-radius: 10px;
   padding: 10px 24px;
   font-size: 14px;
-  padding-right: 20px; 
+  padding-right: 20px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -226,8 +235,8 @@ export default {
   margin-top: 6px;
   cursor: pointer;
 }
-.main .rmicon{
-    margin-right: -10px
+.main .rmicon {
+  margin-right: -10px;
 }
 .main .mainRight {
   float: right;