数据处理基本完成

src/components/header.vue

@@ -13,7 +13,7 @@
         </div>
         <div class="logged-box" v-else>
           <div class="username"><i class="iconfont icon">&#xe61a;</i> {{loginAccount}} </div>
-          <div class="logout"><i class="iconfont icon">&#xe620;</i>退出</div>
+          <div @click="$emit('logout')" class="logout"><i class="iconfont icon">&#xe620;</i>退出</div>
         </div>
       </div>
     </div>

src/views/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <header-component :is-login="isLogin" :login-account="loginAccount"></header-component>
+    <header-component @logout="handleLogout" :is-login="isLogin" :login-account="loginAccount"></header-component>
     <el-carousel indicator-position="none" arrow="never" height="900px">
       <el-carousel-item v-for="item,index in 3" :key="index">
         <div class="banner" :id="'banner'+index">
@@ -17,7 +17,7 @@
           <login-box @loginSuccess="isLogin=true;loginAccount=localStorage.getItem('username')" v-if="!isLogin" class="login-box-com"></login-box>
           <div v-else class="logged-box">
             <h1 class="title">欢迎您!{{loginAccount}}</h1>
-            <button class="logged-apply-btn">申请代理商</button>
+            <button @click="$router.push('./proxy-apply')" class="logged-apply-btn">申请代理商</button>
           </div>
         </div>
 
@@ -192,7 +192,11 @@
         }
       },
       methods:{
-
+        handleLogout(){
+          localStorage.setItem('token','');
+          localStorage.setItem('username','');
+          this.isLogin=false;
+        }
       }
     }
 </script>
@@ -268,6 +272,7 @@
           /*background-color: transparent;*/
           margin-bottom: 20px;
           font-size: 18px;
+          cursor: pointer;
         }
       }
     }