diff --git a/web/src/assets/nav_logo.png b/web/src/assets/nav_logo.png
new file mode 100644
index 000000000..468cdabe6
Binary files /dev/null and b/web/src/assets/nav_logo.png differ
diff --git a/web/src/view/layout/index.vue b/web/src/view/layout/index.vue
index abce44f20..145d2ecef 100644
--- a/web/src/view/layout/index.vue
+++ b/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>