From 3686e682f6b7b46d7784d7afecf384c1007067d7 Mon Sep 17 00:00:00 2001
From: satori <huan0016@gmail.com>
Date: Sun, 30 Jan 2022 18:40:28 +0800
Subject: [PATCH] avatar

---
 pages/account/index.vue | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/pages/account/index.vue b/pages/account/index.vue
index eb167e2..3b67c58 100644
--- a/pages/account/index.vue
+++ b/pages/account/index.vue
@@ -3,13 +3,10 @@
   .header
     label.img_add(for="img_add")
       img.avatar(:src="account.avatar")
+      span.fa.fa-edit.avatar-edit
     .name {{ account.name }}
-    input#img_add(
-      type="file",
-      accept="image/*",
-      multiple="multiple",
-      @change="upload($event)"
-    )
+    input#img_add(type="file", accept="image/*", @change="upload($event)")
+    // multiple="multiple",
   .content.main-width
     p account
     NuxtLink.button(to="/account/setting") 账户设置
@@ -47,10 +44,23 @@ export default {
       width: 64px
       border: none
       border-radius: 50%
-      background: #ff1414
       overflow: hidden
     .img_add
       cursor: pointer
+      position: relative
+      display: block
+      margin: auto
+      .avatar-edit
+        display: none
+        color: #ffffff
+        position: absolute
+        top: calc( 50% - .5rem )
+        left: calc( 50% - .5rem )
+    .img_add:hover
+      .avatar
+        filter: brightness(40%)
+      .avatar-edit
+        display: block
     #img_add
       display: none
     .name