init-4

src/App.vue

@@ -25,4 +25,5 @@ export default {
 #app .theme-picker {
   display: none;
 }
+
 </style>

src/layout/components/Navbar.vue

@@ -112,11 +112,13 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
+  display: flex;
   height: 50px;
   overflow: hidden;
   position: relative;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  justify-content: space-between;
 
   .hamburger-container {
     line-height: 46px;
@@ -136,8 +138,8 @@ export default {
   }
 
   .topmenu-container {
-    position: absolute;
-    left: 50px;
+    //position: absolute;
+    //left: 50px;
   }
 
   .errLog-container {

src/layout/index.vue

@@ -5,7 +5,6 @@
     <div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container">
       <div :class="{'fixed-header':fixedHeader}">
         <navbar/>
-        <tags-view v-if="needTagsView"/>
       </div>
       <app-main/>
       <right-panel>
@@ -108,4 +107,7 @@ export default {
   .mobile .fixed-header {
     width: 100%;
   }
+  .app-wrapper{
+    background: gray;
+  }
 </style>

src/settings.js

@@ -12,7 +12,7 @@ module.exports = {
   /**
    * 是否显示顶部导航
    */
-  topNav: false,
+  topNav: true,
 
   /**
    * 是否显示 tagsView

src/views/video/index.vue

 <template>
-  <div>
+  <div class="video-now">
     <!-- 创建一个用于显示视频的容器 -->
     <div ref="playWnd" class="video-watch" id="playWnd"></div>
   </div>
@@ -195,7 +195,15 @@ export default {
 
 <style scoped>
 .video-watch{
-  min-height: calc(100vh - 84px);
-  width: 100%;
+  min-height: calc(80vh - 84px);
+  width: 90%;
+}
+.video-now{
+  width: 95vw;
+  height: 90vh;
+  background: #fff;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
 }
 </style>