style(src/views/userinfo): 给头像添加编辑图标

src/icons/svg/编辑.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1660640211845" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2948" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M559.6 719.6c-4.8 0-9.5-1.8-13.2-5l-179-157.3c-8.3-7.3-9.1-19.9-1.8-28.2L749.2 92.4c12.4-14.1 30.4-22.3 49.2-22.3 15.9 0 31.2 5.8 43.2 16.3l110.7 97.2c27.1 23.8 29.8 65.3 6 92.4L574.6 712.8c-3.5 4-8.4 6.4-13.7 6.8h-1.3zM408.8 540.5l148.9 130.9 370.4-421.6c9.3-10.6 8.2-26.7-2.3-36l-110.7-97.2a25.4 25.4 0 0 0-16.8-6.3c-7.3 0-14.3 3.2-19.2 8.7L408.8 540.5z" fill="#409EFF" p-id="2949"></path><path d="M350.5 844.2c-4.7 0-9.5-1.7-13.2-5l-66.5-58.5c-6.5-5.7-8.6-15-5.2-23l96.6-223.4c4.4-10.1 16.2-14.8 26.3-10.4 10.1 4.4 14.8 16.2 10.4 26.3L308 760.3l44.7 39.2 196.6-117.1c9.5-5.7 21.8-2.5 27.4 6.9 5.7 9.5 2.5 21.8-6.9 27.4L360.7 841.3c-3.2 1.9-6.7 2.9-10.2 2.9zM732.4 978H71.6c-11 0-20-9-20-20s9-20 20-20h660.9c11 0 20 9 20 20s-9 20-20.1 20z" fill="#409EFF" p-id="2950"></path><path d="M247 902.8c-4.7 0-9.3-1.6-13-4.8l-8.2-7c-6.5-5.6-8.8-14.8-5.5-22.8l45-110.1c4.2-10.2 15.9-15.1 26.1-10.9 10.2 4.2 15.1 15.9 10.9 26.1L273.1 845l67.5-38.3c9.6-5.4 21.8-2.1 27.3 7.5 5.4 9.6 2.1 21.8-7.5 27.3L257 900.1c-3.2 1.9-6.6 2.7-10 2.7z" fill="#409EFF" p-id="2951"></path></svg>

src/utils/index.js

@@ -162,7 +162,7 @@ export function filterAsyncRoutes(routers, roles) {
 }
 
 export function getALLRouter(data) {
-  // TODO 其他路由都在此操作
+  // TODO: 其他路由都在此操作
   const rasr = filterAsyncRoutes(reagentRouter, data.drug_manage)
   const uasr = filterAsyncRoutes(userRouter, data.drug_manage)
   const asyncRoutes = [

src/views/userinfo/index.vue

@@ -4,7 +4,12 @@
     <div class="content-container">
       <el-tabs v-model="activeName">
         <el-tab-pane label="基本信息" name="first">
-          <div class="avatar"><el-avatar :size="50" :src="circleUrl" /></div>
+          <div class="avatar">
+            <el-avatar :size="100" :src="circleUrl" />
+            <span class="edit">
+              <svg-icon icon-class="编辑" />
+            </span>
+          </div>
           <div class="form-custom">
             <UserForm
               v-loading="loading"
@@ -156,6 +161,16 @@ export default {
   margin-top:2.6875rem;
 }
 .form-custom{
-  margin: 5rem 0 5rem 0;
+  margin: 3rem 0 5rem 0;
+}
+.edit{
+  background: #FFFFFF;
+  opacity: 1;
+  border: 1px solid #EEEEEE;
+  border-radius: 50%;
+  padding: 0.4rem;
+  position: relative;
+  bottom: 7px;
+  right: 30px;
 }
 </style>