增加用户默认头像

src/components/layout/aside.vue

 <template>
   <div class="app-aside">
     <div class="user" v-if="showUser">
-      <div class="user-avatar"><img :src="user.avatar" /></div>
+      <div class="user-avatar"><img :src="avatar" /></div>
       <div class="user-tools">
         <span><router-link to="/account/password">修改密码</router-link></span>
         <span @click="logout">退出登录</span>
@@ -16,6 +16,8 @@
 </template>
 
 <script>
+import defaultAvatar from '@/assets/images/avatar.png'
+
 export default {
   name: 'AppAside',
   props: {
@@ -45,6 +47,9 @@ export default {
     },
     user() {
       return this.$store.state.user
+    },
+    avatar() {
+      return this.user.avatar || defaultAvatar
     }
   },
   methods: {
@@ -79,7 +84,6 @@ export default {
   .user-avatar {
     width: 60px;
     height: 60px;
-    background-color: #999;
     border-radius: 50%;
     overflow: hidden;
     img {

src/style.scss

@@ -106,3 +106,7 @@ body {
   font-size: 18px;
   color: #999;
 }
+
+.el-tabs__item {
+  font-size: 18px;
+}