diff --git a/src/components/indexhead.vue b/src/components/indexhead.vue
index b40b6ad..dd1d0d6 100644
--- a/src/components/indexhead.vue
+++ b/src/components/indexhead.vue
@@ -3,13 +3,14 @@
     <van-popup v-model="show" position="top" :style="{ height: '2.82rem' }">
       <div style="height:0.88rem"></div>
       <div class="mnuelist">
-        <div>首页</div>
-        <div>我的主页</div>
-        <div>退出登录</div>
+        <div @click="tab(0)">首页</div>
+        <div @click="tab(1)">我的主页</div>
+        <div @click="tab(2)">退出登录</div>
       </div>
     </van-popup>
     <div class="head">
-      <img class="logo" src alt srcset />
+    <img class="logo" src alt srcset  />
+  
       <div class="search">
         <img src alt />
         <input type="text" placeholder="搜索" v-on:change="shuru" v-model="serch" />
@@ -105,8 +106,27 @@ export default {
     shuru() {
       window.console.log(this.serch);
       this.$router.push({
-        path: `/indexfind?word=`+this.serch
+        path: `/indexfind?word=` + this.serch
       });
+    },
+    tab(e) {
+      switch (e) {
+        case 0:
+          this.$router.push({
+            path: `/index`
+          });
+          break;
+        case 1:
+          this.$router.push({
+            path: `/PersonalHomepage`
+          });
+          break;
+        case 2:
+          this.$router.push({
+            path: `/login`
+          });
+          break;
+      }
     }
   }
 };
diff --git a/src/index.vue b/src/index.vue
index a5069ec..2209707 100644
--- a/src/index.vue
+++ b/src/index.vue
@@ -2,15 +2,19 @@
   <div class="box">
     <heads></heads>
     <div class="list">
-      <list
-        v-for="(item,index) in list"
-        :key="index"
+      <div   v-for="(item,index) in list"  :key="index"  @click="todetail(item.id)">
+            <list
+      
+       
         :title="item.title"
         :id="item.id"
         :num="item.comment"
         :img="item.img"
         :text="item.text"
+       
       ></list>
+      </div>
+  
       <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
       <!-- <list></list>
       <list></list>-->
@@ -63,6 +67,12 @@ export default {
         }
        
       })
+    },
+    todetail(e){
+      window.console.log(e)
+           this.$router.push({
+        path: `/IndexArticleDetaill?id=`+e
+      });
     }
   },
   components: {