From a95348638d3470de31fe970bb0ba9ff668663737 Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Thu, 27 Oct 2022 16:30:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F=E9=BC=A0=E6=A0=87=E6=82=AC=E6=B5=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/phone.png    | Bin 0 -> 637 bytes
 src/views/user/Setting.vue |  37 ++++++++++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 public/images/phone.png

diff --git a/public/images/phone.png b/public/images/phone.png
new file mode 100644
index 0000000000000000000000000000000000000000..6de5c119762b44a3bd5798fe46e8edc20c439010
GIT binary patch
literal 637
zcmV-@0)qXCP)<h;3K|Lk000e1NJLTq001ih001Wl1^@s6mY=b^00001b5ch_0Itp)
z=>Px%H%UZ6R9Hvtm`#XHVI0PP4-1JQq)Cx1%z}-bkByBf5euZSpR%Ax$wJD8nvG0N
zv6oVmQL?b4C`Cz0vyqQdBA>C~(L0@^>$>-L-t)d^ahrR#_y2#M-+AtRKki@Dcx-P4
zjse4fA|>7eXCyt1?29(S_D*05m=kN(Qa>$eZESyRDgpK}up!o{L;V6t-(z&@zy^c)
zF(zGVmr42%qZ0*ddkb(s#-K;-K1tVOv?{~eUIp9%*2Ng~sC^BLN_t*Z?;lv(D}V#Q
z8endV$WmYjFjQ5zV%-nmHt?=P{V(7pa8=Tq@cCa@+uMO_4FFZ-?ppQ@I4Egq2G;g+
zU>aDIs@zb203In}4+E188Re2aUc#OSPUcc=NasQcI}V&^$RwBS!~ix|lx;e*H`$-S
zW#9_%tVm@&a0nO!<|QVcE!l8%?vnJR6Oiq2OS=WEOaRUT8xq|VKy8lz=YVYm)Lr0|
zq!$J7gM@^$z)nayT7U+aC2i?_EM6u6Uj&ZSOg9T`NcExZaNXO}1>}aLy|y<3;f3lv
zSzw1GeYO3m$KB$yq{X%u0$=Ko0<#acuYLx7wZQsn>k8|oZw`fWarez}TXQ#xYRj^9
zML8xE4`36*>)AR;w((@o0;ijD$)r18{=3}`+{`4}l+6ATHcYYa0h^n0O4NNcbAc~K
zY=;~ErQ!nJIzdeINoxOHeB)!1-v2kBwH?NrtJ_ANNscv}!^rbhfGqnf50h&eW^MZe
XZTlx{0QAvK00000NkvXXu0mjf=EWfz

literal 0
HcmV?d00001

diff --git a/src/views/user/Setting.vue b/src/views/user/Setting.vue
index 2ef0cb76..f1cb49d8 100644
--- a/src/views/user/Setting.vue
+++ b/src/views/user/Setting.vue
@@ -5,7 +5,12 @@
       <el-avatar :src="avatar" :size="116" alt=""></el-avatar>
       <!-- <span>{{userInfo.name}}</span> -->
       <!-- <el-button type="primary" @click="openAvatar">修改头像</el-button> -->
+      <div @click="openAvatar" class="avatarhover">
+       <img :src="`${webBaseUrl}/images/phone.png`" alt="">
+       <h6>修改头像</h6>
     </div>
+    </div>
+    
     <!-- <el-form :model="form" label-position="right" label-width="80px"> -->
       <div class="informationItem">
         <div class="information-header">
@@ -393,7 +398,35 @@
 </script>
 
 <style lang="scss" scoped>
-
+.avatarhover{
+  width: 116px;
+   height: 116px;
+  background-color: rgba(0, 0, 0, 0.4);
+   border-radius: 50%;
+   position: absolute;
+   cursor:pointer;
+   display: none;
+   left: 0%;
+   top:0px;
+   text-align: center;
+  img{
+   width: 42px;
+   height: 38px;
+   vertical-align: bottom;
+   margin-top: 22px;
+   margin-bottom: 5px;
+  }
+  h6{
+  font-size: 18px;
+  font-weight: 400;
+  color: #FFFFFF;
+  margin: 0px;
+  }
+  
+}
+.avatar:hover .avatarhover{
+  display: block;
+}
 ::v-deep .el-checkbox-button--medium .el-checkbox-button__inner{
   // padding: 10px 40px !important;
   width: 146px;
@@ -489,6 +522,8 @@
     // margin: 0 auto;
     position: relative;
     .avatar{
+      width: 116px;
+      height: 116px;
       position: absolute;
       cursor:pointer;
       left: 5%;