feat: 系统设置页面左上角用户头像修改

frontend/src/business/components/settings/CurrentUser.vue

@@ -1,12 +1,14 @@
 <template>
   <el-row type="flex" align="middle" class="current-user">
-    <el-avatar shape="square" size="small" :src="squareUrl"/>
+    <div class="icon-title">
+      {{ currentUser.name.substring(0, 1) }}
+    </div>
     <span class="username">{{ currentUser.name }}</span>
   </el-row>
 </template>
 
 <script>
-  import {getCurrentUser} from "../../../common/js/utils";
+import {getCurrentUser} from "@/common/js/utils";
 
 export default {
   name: "MsCurrentUser",
@@ -15,7 +17,6 @@
     return {
       editVisible: false,
       id: "123456",
-        squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
       form: {}
     }
   },
@@ -57,4 +58,16 @@
 .current-user:hover .edit {
   opacity: 1;
 }
+
+.icon-title {
+  color: #fff;
+  width: 30px;
+  background-color: #72dc91;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 30px;
+  font-size: 14px;
+}
+
 </style>