完善

src/IndexArticleDetail.vue

@@ -14,7 +14,6 @@
         :text="item.articlecontent"
         :comment="item.comment"
         :num="item.islike"
-        
       ></follow>
     </div>
 
@@ -54,7 +53,6 @@
       </div>
       <div class="bodys">
         <comment v-for="(item,index) in plist" :key="index"></comment>
-       
       </div>
       <div class="reply">
         <img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
@@ -85,8 +83,8 @@ export default {
       biaoqing: false,
       list: {},
       huida: [],
-      plist:[],
-      pid:0
+      plist: [],
+      pid: 0
     };
   },
   components: {
@@ -99,27 +97,34 @@ export default {
     Emotion
   },
   methods: {
-    pfb(){
-      window.console.log(this.content)
-      this.axios.post("http://lawpro.earnest.pro/api/login_main/appendComment",{
-        text:this.content,
-        token:localStorage.getItem('token'),
-        type_id:this.pid,
-        type:3
-      }).then((res)=>{
-        if(res.data.code == 200){
-this.pinglu(this.pid);
-
-        this.content = ""
-        }
-        
+    pfb() {
+      if (localStorage.getItem("token") == "") {
+        this.$router.push("/login");
+      } else {
+        window.console.log(this.content);
+        if (this.content != "") {
+          this.axios
+            .post("http://lawpro.earnest.pro/api/login_main/appendComment", {
+              text: this.content,
+              token: localStorage.getItem("token"),
+              type_id: this.pid,
+              type: 3
             })
+            .then(res => {
+              if (res.data.code == 200) {
+                this.pinglu(this.pid);
+
+                this.content = "";
+              }
+            });
+        }
+      }
     },
     handleEmotion(i) {
       this.content += i;
     },
     pinglu(id) {
-      this.pid= id
+      this.pid = id;
       this.axios
         .post("http://lawpro.earnest.pro/api/login_main/CommentList", {
           token: localStorage.getItem("token"),
@@ -127,10 +132,10 @@ this.pinglu(this.pid);
           type_id: id
         })
         .then(res => {
-          window.console.log(res)
-          this.plist = res.data.data.data
+          window.console.log(res);
+          this.plist = res.data.data.data;
           // this.list = res.data.data;
-          this.show = true
+          this.show = true;
         });
     }
   },
@@ -139,7 +144,7 @@ this.pinglu(this.pid);
       .post("http://lawpro.earnest.pro/api/login_main/mainDetails", {
         token: localStorage.getItem("token"),
         type: 2,
-        id: this. $route.query.id
+        id: this.$route.query.id
       })
       .then(res => {
         // window.console.log(res)
@@ -161,8 +166,8 @@ this.pinglu(this.pid);
 </script>
 
 <style lang="scss">
-.box{
-.linshi {
+.box {
+  .linshi {
     z-index: 999999 !important;
     .top {
       background-color: #fff;
@@ -252,13 +257,13 @@ this.pinglu(this.pid);
         width: 100%;
       }
     }
-}
-.line {
+  }
+  .line {
     height: 0.2rem;
     width: 100%;
     background-color: #f6f6f6;
-}
-.question {
+  }
+  .question {
     height: auto;
     width: 100%;
     color: #333333;
@@ -268,14 +273,14 @@ this.pinglu(this.pid);
     padding: 0.25rem;
     box-sizing: border-box;
     font-weight: 500;
-}
-.title {
+  }
+  .title {
     color: #333333;
     font-size: 0.34rem;
     margin-top: 0.48rem;
     text-indent: 0.31rem;
-}
-.recommend {
+  }
+  .recommend {
     width: 6.9rem;
     margin-top: 0.13rem;
     margin: 0 auto;
@@ -318,7 +323,6 @@ this.pinglu(this.pid);
         margin-right: 0.1rem;
       }
     }
+  }
 }
-}
-
 </style>

src/PersonalHomepage.vue

@@ -196,7 +196,9 @@ export default {
     }
   },
   mounted(){
-    
+    if(localStorage.getItem('token') == ""){
+      this.$router.push("/login")
+    }
     this.axios.post('http://lawpro.earnest.pro/api/login_main/getUserDetails',{
       token:localStorage.getItem("token")
     }).then((res)=>{

src/components/indexhead.vue

@@ -57,7 +57,7 @@
   .logo {
     width: 115px;
     height: 37px;
-    background-color: #000;
+    // background-color: #000;
     display: block;
     margin-left: 30px;
   }

src/login.vue

@@ -12,7 +12,7 @@
 
     <div class="tel yzm">
       <input type="text" class="shuru tel1" placeholder="输入6位验证码" v-model="yzm" />
-      <button class="getyzm" @click="yz">发送验证码</button>
+      <button class="getyzm" @click="yz">{{yzs}}</button>
     </div>
     <div class="ale">
       <p class="alert">未注册手机验证后自动登录</p>
@@ -37,7 +37,7 @@
         <div>
           <!-- <a
             href="https://open.weixin.qq.com/connect/qrconnect?appid=wxfe6e5d36322af62f&redirect_uri=http%3a%2f%2fwww.lawpro.cn%2f&response_type=code&scope=snsapi_login&state=lawpro#wechat_redirect"
-          > -->
+          >-->
           <a
             href="https://open.weixin.qq.com/connect/qrconnect?appid=wxfe6e5d36322af62f&redirect_uri=http%3a%2f%2fwww.lawpro.cn%2f&response_type=code&scope=snsapi_login&state=lawpro#wechat_redirect"
           >
@@ -69,7 +69,9 @@ export default {
       yzm: "",
       yztoken: "",
       Verification: "",
-      ifsign: false
+      ifsign: false,
+      yzs: "获取验证码",
+      miao: 60
     };
   },
   methods: {
@@ -86,7 +88,22 @@ export default {
     },
     yz() {
       let yz = "";
+
       if (this.tel != "") {
+        if (this.yzs != "获取验证码") {
+          return;
+        } else {
+          let t = this;
+          let a = setInterval(() => {
+            t.yzs = t.miao + "秒";
+            t.miao = t.miao - 1;
+            if (t.miao < 0) {
+              t.miao = 5;
+              t.yzs = "获取验证码";
+              clearInterval(a);
+            }
+          }, 1000);
+        }
         window.console.log("aaaa");
         var t = this;
         this.axios