核心功能完成

src/components/zy_content.vue

@@ -1,5 +1,5 @@
 <template>
-  <Row></Row>
+  <router-view />
 </template>
 <script>
 export default {

src/components/zy_header.vue

@@ -18,7 +18,11 @@ export default {
 </script>
 <style lang="scss" scoped>
 .header-box{
-  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 70px;
+  width: calc(100% - 70px);
+  height: 50px;
   -webkit-app-region: drag;
   -webkit-user-select: none;
   display: flex;

src/components/zy_sider.vue

@@ -2,8 +2,8 @@
   <Row class="sider-box">
     <div class="top">
       <Icon :class="iconActive === 'search' ? 'active': ''" type="md-search" @click="iconClickEvent('search')"/>
-      <Icon :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
-      <Icon :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
+      <Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'detail' ? 'active': ''" type="md-list" @click="iconClickEvent('detail')"/>
+      <Icon v-show="Object.keys(video).length !== 0" :class="iconActive === 'play' ? 'active': ''" type="md-play" @click="iconClickEvent('play')"/>
       <Icon :class="iconActive === 'collection' ? 'active': ''" type="md-star" @click="iconClickEvent('collection')"/>
     </div>
     <div class="bottom">
@@ -17,6 +17,9 @@ export default {
   computed: {
     iconActive () {
       return this.$store.getters.getIconActive
+    },
+    video () {
+      return this.$store.getters.getVideo
     }
   },
   methods: {
@@ -24,6 +27,9 @@ export default {
       this.$router.push({ name: e })
       this.$store.commit('SET_ICON_ACTIVE', e)
     }
+  },
+  created () {
+    console.log(this.video)
   }
 }
 </script>