Browse Source

添加导航项目名称

jinlan.du 4 years ago
parent
commit
fb387dfb5c
2 changed files with 26 additions and 0 deletions
  1. BIN
      web/src/assets/nav_logo.png
  2. 26 0
      web/src/view/layout/index.vue

BIN
web/src/assets/nav_logo.png


+ 26 - 0
web/src/view/layout/index.vue

@@ -3,6 +3,10 @@
     <el-container :class="[isSider?'openside':'hideside',isMobile ? 'mobile': '']">
       <el-row :class="[isShadowBg?'shadowBg':'']" @click.native="changeShadow()"></el-row>
       <el-aside class="main-cont main-left">
+           <div class="tilte">
+              <img src="~@/assets/nav_logo.png" alt=""  class="logoimg">
+              <h2 v-if="isSider" class="tit-text">Gin-Vue-Admin</h2>
+            </div>
         <Aside class="aside" />
       </el-aside>
       <!-- 分块滑动功能 -->
@@ -339,4 +343,26 @@ $mainHight: 100vh;
     }
   }
 }
+.tilte{
+  background: #001529;
+  min-height: 64px;
+  line-height: 64px;
+  background: #002140;
+  text-align: center;
+  .logoimg{
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    background: #fff;
+    border-radius: 50%;
+    padding: 3px;
+  }
+  .tit-text{
+    display: inline-block;
+    color: #fff;
+    font-weight: 600;
+    font-size: 20px;
+    vertical-align: middle;
+  }
+}
 </style>