feat: hide avatar upload button when phone is not set

cppfuns · Jun 29, 2022 · 7ef808e · 7ef808e
1 parent b86acf3
commit 7ef808e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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 {