From 7ef808efc8174b6a138df92e34192fb7b2360165 Mon Sep 17 00:00:00 2001
From: ROC <i@rocs.me>
Date: Thu, 30 Jun 2022 00:52:49 +0800
Subject: [PATCH] feat: hide avatar upload button when phone is not set

---
 web/src/views/Setting.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/views/Setting.vue b/web/src/views/Setting.vue
index 6c5be9ae..d7e36517 100644
--- a/web/src/views/Setting.vue
+++ b/web/src/views/Setting.vue
@@ -9,6 +9,10 @@
                     :src="store.state.userInfo.avatar"
                 />
                 <n-upload
+                    v-if="
+                        store.state.userInfo.phone &&
+                        store.state.userInfo.phone.length > 0
+                    "
                     ref="avatarRef"
                     :action="uploadGateway"
                     :headers="{
@@ -82,7 +86,7 @@
             </div>
             <div v-else>
                 <n-alert title="手机绑定提示" type="warning">
-                    成功绑定手机后，才能进行换头像、发动态、回复等交互哦~
+                    成功绑定手机后，才能进行换头像、发动态、回复等交互哦~<br />
                     <a
                         class="hash-link"
                         @click="showPhoneBind = true"
@@ -571,10 +575,6 @@ onMounted(() => {
         }
     }
 
-    .hash-link {
-        margin-left: 12px;
-    }
-
     .phone-bind-wrap {
         margin-top: 20px;
         .captcha-img-wrap {