修改个人信息

pages/home/member.vue

@@ -1,27 +1,34 @@
 <template>
-	 <LoginPrompt ref="loginwPrompt"></LoginPrompt>
-  <view class="main">
-    <view class="top">
-      <!-- <view class="bell">
-        <image class="image-bell" src="/static/my/bell.png"></image>
-      </view> -->
-      <view class="msg">
-        <view class="msg-left">
-          <view class="avatar"></view>
-        </view>
-        <view class="msg-center">
-          <view style="display: flex;">
-            <view class="userInfo">{{ username }}</view>
-            <image class="image-editName" src="/static/my/editName.png"></image>
-          </view>
-          <view class="userId">ID:{{ dccode }}</view>
-        </view>
-<!--        <view class="msg-right">
+	<LoginPrompt ref="loginPrompt"></LoginPrompt>
+	<view class="main">
+		<view class="top">
+			<view class="bell">
+				<!-- <image class="image-bell" src="/static/my/bell.png" /> -->
+			</view>
+			<view class="msg">
+				<view class="msg-left">
+					<image class="avatar"
+						:src="avatarUrl || 'https://d31zlh4on95l9h.cloudfront.net/default/1961d9d2e31e78e47e885231e7514a35.png'"
+						mode="aspectFill" />
+				</view>
+				<view class=" msg-center">
+					<view style="display: flex;">
+						<template v-if="!isEditingName">
+							<view class="userInfo">{{ username }}</view>
+							<image class="image-editName" src="/static/my/editName.png" @click="startEditName" />
+						</template>
+						<template v-else>
+							<input v-model="editingName" class="edit-input" @blur="finishEditName"
+								@keyup.enter="finishEditName" autofocus placeholder="请输入用户名" />
+						</template>
+					</view>
+					<view class="userId">ID:{{ dccode }}</view>
+				</view>
+				<!--        <view class="msg-right">
           <image class="image-attendance" src="/static/my/Check-in.png"/>
           <span style="font-size:10px;">签到</span>
         </view> -->
 			</view>
-
 			<view class="settings-buttons">
 				<view class="setting-btn" @click="goToMarket">
 					<image src="/static/my/MarketSettings.png" class="setting-icon" />
@@ -32,7 +39,6 @@
 					<text>通用设置</text>
 				</view>
 			</view>
-
 			<view class="share" @click="goToShare">
 				<image class="img-share" src="/static/my/share.png" mode="widthFix" />
 			</view>
@@ -165,19 +171,11 @@
 		})
 	}
 
-const goToShare = () => {
-  console.log('用户信息==========',userStore.userInfo.isVisitor)
-  if (userStore.userInfo.isVisitor) {
-    uni.showToast({
-      title: '请先登录',
-      icon: 'none'
-    })
-    return
-  }
-  uni.navigateTo({
-    url: '../setting/share'
-  })
-}
+	const goToShare = () => {
+		uni.navigateTo({
+			url: '../setting/share'
+		})
+	}
 
 	onMounted(() => {
 		// 状态栏高度