auto commit

src/views/layout/components/Navbar.vue

@@ -4,6 +4,7 @@
     <breadcrumb></breadcrumb>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
+        <span class="user-avatar">{{username}}</span>
         <img class="user-avatar" :src="avatar||profilephoto">
         <i class="el-icon-caret-bottom"></i>
       </div>
@@ -26,11 +27,13 @@ import { mapGetters } from 'vuex'
 import Breadcrumb from '@/components/Breadcrumb'
 import Hamburger from '@/components/Hamburger'
 import profilephoto from '@/assets/images/profilephoto.jpg';
+import Cookies from "js-cookie";
 
 export default {
   data(){
     return{
-      profilephoto
+      profilephoto,
+      username:''
     }
 
   },
@@ -44,6 +47,10 @@ export default {
       'avatar'
     ])
   },
+  created(){
+    this.username = Cookies.get('username');
+    console.log('1111',this.username);
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('ToggleSideBar')
@@ -81,13 +88,15 @@ export default {
     right: 35px;
     .avatar-wrapper {
       cursor: pointer;
-      margin-top: 5px;
+      // margin-top: 5px;
       position: relative;
       .user-avatar {
         width: 40px;
         height: 40px;
         border-radius: 10px;
+        vertical-align: middle;
       }
+      .user-avatar{margin-right: 5px;}
       .el-icon-caret-bottom {
         position: absolute;
         right: -20px;

src/views/pms/product/index.vue

@@ -89,7 +89,7 @@
           <template slot-scope="scope">{{scope.row.id}}</template>
         </el-table-column>
         <el-table-column label="商品图片" width="120" align="center">
-          <template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
+          <template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic+'?imageMogr2/quality/60'"></template>
         </el-table-column>
         <el-table-column label="商品名称" align="center">
           <template slot-scope="scope">