From f52a3621b7aa1837c82c7c741591ad17294e04f1 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Thu, 18 Oct 2018 08:40:37 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=AE=8C=E6=88=9080%.3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                             |   0
 README.md                              |   0
 babel.config.js                        |   0
 package-lock.json                      |   0
 package.json                           |   3 +-
 public/favicon.ico                     | Bin
 public/index.html                      |   0
 src/App.vue                            |   7 +--
 src/assets/img/More.svg                |   0
 src/assets/img/QQ.svg                  |   0
 src/assets/img/add.svg                 |   0
 src/assets/img/close.svg               |   0
 src/assets/img/collect.svg             |   0
 src/assets/img/dislike.svg             |   0
 src/assets/img/dongtaibizhi.svg        |   0
 src/assets/img/download.svg            |   0
 src/assets/img/friend_circle.svg       |   0
 src/assets/img/head-image.jpeg         | Bin
 src/assets/img/hepai.svg               |   0
 src/assets/img/href.svg                |   0
 src/assets/img/ic_more.svg             |   0
 src/assets/img/love-gray.svg           |   0
 src/assets/img/love.svg                |   0
 src/assets/img/loved.svg               |   0
 src/assets/img/message.svg             |   0
 src/assets/img/music.svg               |   0
 src/assets/img/play.svg                |   0
 src/assets/img/qiangjing.svg           |   0
 src/assets/img/qr_code.svg             |   0
 src/assets/img/share.svg               |   0
 src/assets/img/sina.svg                |   0
 src/assets/img/sq-share-qqzone-01.svg  |   0
 src/assets/img/wechat.svg              |   0
 src/assets/img/举报.svg                |   0
 src/assets/logo.png                    | Bin
 src/components/HelloWorld.vue          |  58 -------------------------
 src/components/attention/Attention.vue |  26 +++++++++++
 src/components/{ => common}/Footer.vue |  25 ++++++++---
 src/components/{ => home}/Comment.vue  |  30 ++++++-------
 src/components/{ => home}/Home.vue     |  22 +++++-----
 src/components/{ => home}/Share.vue    |  46 ++++++++++----------
 src/main.js                            |  19 +++++++-
 vue.config.js                          |   0
 43 files changed, 118 insertions(+), 118 deletions(-)
 mode change 100644 => 100755 .gitignore
 mode change 100644 => 100755 README.md
 mode change 100644 => 100755 babel.config.js
 mode change 100644 => 100755 package-lock.json
 mode change 100644 => 100755 package.json
 mode change 100644 => 100755 public/favicon.ico
 mode change 100644 => 100755 public/index.html
 mode change 100644 => 100755 src/App.vue
 mode change 100644 => 100755 src/assets/img/More.svg
 mode change 100644 => 100755 src/assets/img/QQ.svg
 mode change 100644 => 100755 src/assets/img/add.svg
 mode change 100644 => 100755 src/assets/img/close.svg
 mode change 100644 => 100755 src/assets/img/collect.svg
 mode change 100644 => 100755 src/assets/img/dislike.svg
 mode change 100644 => 100755 src/assets/img/dongtaibizhi.svg
 mode change 100644 => 100755 src/assets/img/download.svg
 mode change 100644 => 100755 src/assets/img/friend_circle.svg
 mode change 100644 => 100755 src/assets/img/head-image.jpeg
 mode change 100644 => 100755 src/assets/img/hepai.svg
 mode change 100644 => 100755 src/assets/img/href.svg
 mode change 100644 => 100755 src/assets/img/ic_more.svg
 mode change 100644 => 100755 src/assets/img/love-gray.svg
 mode change 100644 => 100755 src/assets/img/love.svg
 mode change 100644 => 100755 src/assets/img/loved.svg
 mode change 100644 => 100755 src/assets/img/message.svg
 mode change 100644 => 100755 src/assets/img/music.svg
 mode change 100644 => 100755 src/assets/img/play.svg
 mode change 100644 => 100755 src/assets/img/qiangjing.svg
 mode change 100644 => 100755 src/assets/img/qr_code.svg
 mode change 100644 => 100755 src/assets/img/share.svg
 mode change 100644 => 100755 src/assets/img/sina.svg
 mode change 100644 => 100755 src/assets/img/sq-share-qqzone-01.svg
 mode change 100644 => 100755 src/assets/img/wechat.svg
 mode change 100644 => 100755 src/assets/img/举报.svg
 mode change 100644 => 100755 src/assets/logo.png
 delete mode 100644 src/components/HelloWorld.vue
 create mode 100755 src/components/attention/Attention.vue
 rename src/components/{ => common}/Footer.vue (69%)
 mode change 100644 => 100755
 rename src/components/{ => home}/Comment.vue (82%)
 mode change 100644 => 100755
 rename src/components/{ => home}/Home.vue (88%)
 mode change 100644 => 100755
 rename src/components/{ => home}/Share.vue (77%)
 mode change 100644 => 100755
 mode change 100644 => 100755 src/main.js
 mode change 100644 => 100755 vue.config.js

diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/babel.config.js b/babel.config.js
old mode 100644
new mode 100755
diff --git a/package-lock.json b/package-lock.json
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
index 70f1886..3016015
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "vue": "^2.5.17"
+    "vue": "^2.5.17",
+    "vue-router": "^3.0.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.0.3",
diff --git a/public/favicon.ico b/public/favicon.ico
old mode 100644
new mode 100755
diff --git a/public/index.html b/public/index.html
old mode 100644
new mode 100755
diff --git a/src/App.vue b/src/App.vue
old mode 100644
new mode 100755
index c719e62..c47e68b
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,17 @@
 <template>
     <div id="app">
-        <Home/>
+        <!--<Home/>-->
+        <router-view></router-view>
     </div>
 </template>
 
 <script>
-    import Home from './components/Home.vue'
+    // import Home from './components/home/Home.vue'
 
     export default {
         name: 'app',
         components: {
-            Home
+            // Home
         }
     }
 </script>
diff --git a/src/assets/img/More.svg b/src/assets/img/More.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/QQ.svg b/src/assets/img/QQ.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/add.svg b/src/assets/img/add.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/close.svg b/src/assets/img/close.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/collect.svg b/src/assets/img/collect.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/dislike.svg b/src/assets/img/dislike.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/dongtaibizhi.svg b/src/assets/img/dongtaibizhi.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/download.svg b/src/assets/img/download.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/friend_circle.svg b/src/assets/img/friend_circle.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/head-image.jpeg b/src/assets/img/head-image.jpeg
old mode 100644
new mode 100755
diff --git a/src/assets/img/hepai.svg b/src/assets/img/hepai.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/href.svg b/src/assets/img/href.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/ic_more.svg b/src/assets/img/ic_more.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/love-gray.svg b/src/assets/img/love-gray.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/love.svg b/src/assets/img/love.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/loved.svg b/src/assets/img/loved.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/message.svg b/src/assets/img/message.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/music.svg b/src/assets/img/music.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/play.svg b/src/assets/img/play.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/qiangjing.svg b/src/assets/img/qiangjing.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/qr_code.svg b/src/assets/img/qr_code.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/share.svg b/src/assets/img/share.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/sina.svg b/src/assets/img/sina.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/sq-share-qqzone-01.svg b/src/assets/img/sq-share-qqzone-01.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/wechat.svg b/src/assets/img/wechat.svg
old mode 100644
new mode 100755
diff --git a/src/assets/img/举报.svg b/src/assets/img/举报.svg
old mode 100644
new mode 100755
diff --git a/src/assets/logo.png b/src/assets/logo.png
old mode 100644
new mode 100755
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 2e53aaa..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/src/components/attention/Attention.vue b/src/components/attention/Attention.vue
new file mode 100755
index 0000000..f3a5b0e
--- /dev/null
+++ b/src/components/attention/Attention.vue
@@ -0,0 +1,26 @@
+<template>
+    <div id="attention">
+        <div class="items">
+            <div class="item">
+
+            </div>
+        </div>
+        <Footer v-bind:init-tab="2"/>
+    </div>
+</template>
+
+<script>
+
+    import Footer from '../common/Footer';
+
+    export default {
+        name: "Attention",
+        components:{
+            Footer
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/Footer.vue b/src/components/common/Footer.vue
old mode 100644
new mode 100755
similarity index 69%
rename from src/components/Footer.vue
rename to src/components/common/Footer.vue
index 9faee8a..7157948
--- a/src/components/Footer.vue
+++ b/src/components/common/Footer.vue
@@ -2,7 +2,7 @@
     <div class="footer f16 ">
         <div class="button" @click="tab(1)"><span v-bind:class="{active:currentTab==1}">首页</span></div>
         <div class="button" @click="tab(2)"><span v-bind:class="{active:currentTab==2}">关注</span></div>
-        <div class="button" @click="tab(3)"><img src="../assets/img/add.svg" alt=""></div>
+        <div class="button" @click="tab(3)"><img src="../../assets/img/add.svg" alt=""></div>
         <div class="button" @click="tab(4)"><span v-bind:class="{active:currentTab==4}">消息</span></div>
         <div class="button" @click="tab(5)"><span v-bind:class="{active:currentTab==5}">我</span></div>
     </div>
@@ -11,15 +11,30 @@
 <script>
     export default {
         name: "Footer",
-        data() {
-            return {
-                currentTab: 1
-            }
+        props:['initTab'],
+        data(){
+          return{
+              currentTab:this.initTab
+          }
         },
         methods: {
             tab(index) {
                 this.currentTab = index;
                 console.log(index);
+                switch (index) {
+                    case 1:
+                        this.$router.push('/home');
+                        break;
+                    case 2:
+                        this.$router.push('/attention');
+                        break;
+                    case 3:
+                        break;
+                    case 4:
+                        break;
+                    case 5:
+                        break;
+                }
             }
         }
     }
diff --git a/src/components/Comment.vue b/src/components/home/Comment.vue
old mode 100644
new mode 100755
similarity index 82%
rename from src/components/Comment.vue
rename to src/components/home/Comment.vue
index c4655f9..f66e8a0
--- a/src/components/Comment.vue
+++ b/src/components/home/Comment.vue
@@ -3,12 +3,12 @@
         <div class="comment f14" v-if="isCommenting">
             <div class="title">
                 <p>2.7w条评论</p>
-                <img src="../assets/img/close.svg" @click.stop="$emit('showComment')">
+                <img src="../../assets/img/close.svg" @click.stop="$emit('showComment')">
             </div>
             <div class="items">
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -16,13 +16,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -30,13 +30,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -44,13 +44,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -58,13 +58,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -72,13 +72,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -86,13 +86,13 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
                 <div class="item pl5p pr15p mb5p  oh">
                     <div class="content pull-left ">
-                        <img src="../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
+                        <img src="../../assets/img/head-image.jpeg" alt="" class="head-image pull-left">
                         <div class="pull-right comment-container">
                             <div class="name">@ttentau</div>
                             <div class="detail">其实我也不知道评论点什么啊啊啊看吧看吧看吧</div>
@@ -100,7 +100,7 @@
                         </div>
                     </div>
                     <div class="love pull-right">
-                        <img src="../assets/img/love-gray.svg" alt="" class="love-image">
+                        <img src="../../assets/img/love-gray.svg" alt="" class="love-image">
                         <span class="f14 block">3453</span>
                     </div>
                 </div>
diff --git a/src/components/Home.vue b/src/components/home/Home.vue
old mode 100644
new mode 100755
similarity index 88%
rename from src/components/Home.vue
rename to src/components/home/Home.vue
index fe1ee79..e73f3f6
--- a/src/components/Home.vue
+++ b/src/components/home/Home.vue
@@ -2,21 +2,21 @@
     <div id="home">
         <div class="bg-video" v-for="(item,index) in data">
             <!--<video :src="data[0].videoUrl">-->
-            <video src="../assets/video/吴三二的光年之外.mp4" autoplay>
+            <video src="../../assets/video/吴三二的光年之外.mp4" autoplay>
                 您的浏览器不支持 video 标签。
             </video>
             <div class="float" @click="togglePlayVideo($event)">
                 <transition name="pause">
-                    <img src="../assets/img/play.svg" class="pause" v-show="!isPlaying"
+                    <img src="../../assets/img/play.svg" class="pause" v-show="!isPlaying"
                          @click.stop="togglePlayVideo($event)">
                 </transition>
                 <div class="toolbar mb10p">
-                    <img src="../assets/img/head-image.jpeg" alt="" class="head-image mb15p">
+                    <img src="../../assets/img/head-image.jpeg" alt="" class="head-image mb15p">
                     <div class="love mb15p" @click.stop="loved($event,index)">
                         <div>
                             <transition name="love">
-                                <img src="../assets/img/love.svg" class="love-image" v-if="!item.isLoved">
-                                <img src="../assets/img/loved.svg" class="love-image" v-if="item.isLoved">
+                                <img src="../../assets/img/love.svg" class="love-image" v-if="!item.isLoved">
+                                <img src="../../assets/img/loved.svg" class="love-image" v-if="item.isLoved">
 
                             </transition>
                             <transition name="loved">
@@ -25,14 +25,14 @@
                         <span class="f14">{{item.loves}}</span>
                     </div>
                     <div class="message mb15p" @click.stop="isCommenting=!isCommenting">
-                        <img src="../assets/img/message.svg" alt="" class="message-image">
+                        <img src="../../assets/img/message.svg" alt="" class="message-image">
                         <span class="f14">{{item.comments}}</span>
                     </div>
                     <div class="share mb35p" @click.stop="isSharing=!isSharing">
-                        <img src="../assets/img/share.svg" alt="" class="share-image">
+                        <img src="../../assets/img/share.svg" alt="" class="share-image">
                         <span class="f14">{{item.shared}}</span>
                     </div>
-                    <img src="../assets/img/head-image.jpeg" alt="" class="music">
+                    <img src="../../assets/img/head-image.jpeg" alt="" class="music">
                 </div>
                 <div class="content ml10p">
                     <div class="name mb10p">@TTentau</div>
@@ -40,7 +40,7 @@
                         吴三二的光年之外, 您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
                     </div>
                     <div class="music mb10p">
-                        <img src="../assets/img/music.svg" alt="" class="music-image">
+                        <img src="../../assets/img/music.svg" alt="" class="music-image">
                         <marquee behavior=scroll direction=left align=middle scrollamount=4> 吴三二 - 光年之外</marquee>
                     </div>
                 </div>
@@ -48,14 +48,14 @@
         </div>
         <Comment v-bind:is-commenting="isCommenting" v-on:showComment='isCommenting=!isCommenting'/>
         <Share v-bind:is-sharing="isSharing"/>
-        <Footer/>
+        <Footer v-bind:init-tab="1"/>
     </div>
 </template>
 
 <script>
     import Comment from './Comment';
     import Share from './Share';
-    import Footer from './Footer';
+    import Footer from '../common/Footer';
 
     export default {
         name: "Home",
diff --git a/src/components/Share.vue b/src/components/home/Share.vue
old mode 100644
new mode 100755
similarity index 77%
rename from src/components/Share.vue
rename to src/components/home/Share.vue
index fa5c7eb..5f6a261
--- a/src/components/Share.vue
+++ b/src/components/home/Share.vue
@@ -5,35 +5,35 @@
                 <div class="title tac pb10p">私信给</div>
                 <div class="w200">
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/head-image.jpeg" alt="">
+                        <img src="../../assets/img/head-image.jpeg" alt="">
                         <span>ttentau</span>
                     </div>
                     <div class="friend pr10p">
-                        <img src="../assets/img/ic_more.svg" alt="">
+                        <img src="../../assets/img/ic_more.svg" alt="">
                         <span>更多</span>
                     </div>
                 </div>
@@ -42,27 +42,27 @@
                 <div class="title tac pb10p">分享到</div>
                 <div class="w200">
                     <div class="share-to pr10p">
-                        <img src="../assets/img/friend_circle.svg" alt="">
+                        <img src="../../assets/img/friend_circle.svg" alt="">
                         <span>朋友圈</span>
                     </div>
                     <div class="share-to pr10p">
-                        <img src="../assets/img/wechat.svg" alt="">
+                        <img src="../../assets/img/wechat.svg" alt="">
                         <span>微信</span>
                     </div>
                     <div class="share-to pr10p">
-                        <img src="../assets/img/sq-share-qqzone-01.svg">
+                        <img src="../../assets/img/sq-share-qqzone-01.svg">
                         <span>QQ空间</span>
                     </div>
                     <div class="share-to pr10p">
-                        <img src="../assets/img/QQ.svg">
+                        <img src="../../assets/img/QQ.svg">
                         <span>QQ</span>
                     </div>
                     <div class="share-to pr10p">
-                        <img src="../assets/img/sina.svg">
+                        <img src="../../assets/img/sina.svg">
                         <span>微博</span>
                     </div>
                     <div class="share-to pr10p">
-                        <img src="../assets/img/More.svg">
+                        <img src="../../assets/img/More.svg">
                         <span>更多</span>
                     </div>
                 </div>
@@ -71,39 +71,39 @@
             <div class="toolbar oh pl20p pr20p pt10p pb10p f11">
                 <div class="w200">
                     <div class="tool pr10p ">
-                        <img src="../assets/img/举报.svg" alt="">
+                        <img src="../../assets/img/举报.svg" alt="">
                         <span>举报</span>
                     </div>
                     <div class="tool pr10p ">
-                        <img src="../assets/img/download.svg" alt="">
+                        <img src="../../assets/img/download.svg" alt="">
                         <span>保存本地</span>
                     </div>
                     <div class="tool pr10p ">
-                        <img src="../assets/img/collect.svg" alt="">
+                        <img src="../../assets/img/collect.svg" alt="">
                         <span>收藏</span>
                     </div>
                     <div class="tool pr10p ">
-                        <img src="../assets/img/qiangjing.svg" alt="">
+                        <img src="../../assets/img/qiangjing.svg" alt="">
                         <span>抢镜</span>
                     </div>
                     <div class="tool pr10p">
-                        <img src="../assets/img/qr_code.svg" alt="">
+                        <img src="../../assets/img/qr_code.svg" alt="">
                         <span>二维码</span>
                     </div>
                     <div class="tool pr10p">
-                        <img src="../assets/img/dongtaibizhi.svg" alt="">
+                        <img src="../../assets/img/dongtaibizhi.svg" alt="">
                         <span>动态壁纸</span>
                     </div>
                     <div class="tool pr10p">
-                        <img src="../assets/img/hepai.svg" alt="">
+                        <img src="../../assets/img/hepai.svg" alt="">
                         <span>合拍</span>
                     </div>
                     <div class="tool pr10p">
-                        <img src="../assets/img/dislike.svg" alt="">
+                        <img src="../../assets/img/dislike.svg" alt="">
                         <span>不感兴趣</span>
                     </div>
                     <div class="tool pr10p">
-                        <img src="../assets/img/href.svg" alt="">
+                        <img src="../../assets/img/href.svg" alt="">
                         <span>复制链接</span>
                     </div>
                 </div>
diff --git a/src/main.js b/src/main.js
old mode 100644
new mode 100755
index fca74cf..f2bc158
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,23 @@
 import Vue from 'vue'
 import App from './App.vue'
+import VueRouter from 'vue-router'
+import Home from './components/home/Home.vue'
+import Attention from './components/attention/Attention.vue'
 
 Vue.config.productionTip = false
 
+
+Vue.use(VueRouter);
+
+const router = new VueRouter({
+    mode: 'history',
+    routes: [
+        {path: '/', component: Home},
+        {path: '/home', component: Home},
+        {path: '/attention', component: Attention},
+    ]
+});
 new Vue({
-  render: h => h(App)
-}).$mount('#app')
+    render: h => h(App),
+    router
+}).$mount('#app');
diff --git a/vue.config.js b/vue.config.js
old mode 100644
new mode 100755