From 29bdb83657594cd7249c7b8e635cd124246f2e9e Mon Sep 17 00:00:00 2001
From: Tuzki <1720599558@qq.com>
Date: Mon, 21 Aug 2023 14:31:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=B4=E5=83=8F=E9=BB=98=E8=AE=A4=E5=9B=BE?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personcenter/EditProfile/EditProfile.vue  | 97 +++++++++++++++++++
 pages/personcenter/personcenter.vue           |  8 +-
 2 files changed, 101 insertions(+), 4 deletions(-)
 create mode 100644 pages/personcenter/EditProfile/EditProfile.vue

diff --git a/pages/personcenter/EditProfile/EditProfile.vue b/pages/personcenter/EditProfile/EditProfile.vue
new file mode 100644
index 0000000..5cf337f
--- /dev/null
+++ b/pages/personcenter/EditProfile/EditProfile.vue
@@ -0,0 +1,97 @@
+<template>
+	<view>
+		<uni-row class="demo-uni-row">
+			<view class="demo-uni-col dark">头像</view>
+
+			<view class="demo-uni-col light">
+				<button class="btn_dzhi" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+					<image class="pers_box" :src="url" mode="aspectFill"></image>
+				</button>
+			</view>
+		</uni-row>
+		<uni-row class="demo-uni-row">
+			<view class="demo-uni-col dark">昵称</view>
+
+			<view class="demo-uni-col light">
+				<input type="nickname" v-model="username" @blur="blurname" class="nickname" placeholder="请输入昵称" />
+			</view>
+		</uni-row>
+
+		<button class="saveBtn" type="primary" @tap="saveProfile">保存</button>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			username: '',
+			url: ''
+		};
+	},
+	onShow() {
+		let this_ = this;
+		console.log(uni.getStorageSync('nickname'), uni.getStorageSync('headimgurl'));
+		this_.username = uni.getStorageSync('nickname');
+		this_.url = uni.getStorageSync('headimgurl');
+	},
+	methods: {
+		onChooseAvatar(e) {
+			let this_ = this;
+			const avatarUrl = e.detail.avatarUrl;
+			this_.url = avatarUrl;
+		},
+		blurname(e) {
+			let this_ = this;
+			this_.username = e.detail.value;
+		},
+		saveProfile() {
+			let this_ = this;
+			uni.setStorageSync('headimgurl', this_.url);
+			uni.setStorageSync('nickname', this_.username);
+			uni.setStorageSync('oauthTime', new Date().getTime());
+			uni.showToast({
+				icon: 'success',
+				title: '保存成功！',
+				duration: 1500,
+				success: () => {
+					setTimeout(() => {
+						uni.navigateBack({
+							delta: 1
+						});
+					}, 2000);
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.demo-uni-row {
+	display: flex;
+	justify-content: space-between;
+	width: 95%;
+	height: 100rpx;
+	align-items: center;
+	margin: 20rpx 2.5%;
+
+	.pers_box {
+		width: 100rpx;
+		height: 100rpx;
+	}
+	.btn_dzhi {
+		padding: 0;
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 50%;
+	}
+}
+.saveBtn {
+	width: 70%;
+	margin: 30rpx auto;
+}
+.nickname {
+	text-align: right;
+}
+</style>
diff --git a/pages/personcenter/personcenter.vue b/pages/personcenter/personcenter.vue
index 75973e2..72e9d4a 100644
--- a/pages/personcenter/personcenter.vue
+++ b/pages/personcenter/personcenter.vue
@@ -84,7 +84,7 @@
 				                </button>
 				              </view>
 				            </view>
-				 
+
 				          </view>
 				          <view class="flex-c-c flex-column m-t-40 tx-nc">
 				            <view class="flex-al-c w100 f-28">
@@ -160,7 +160,7 @@ export default {
 		conserved(e){
 			console.log(e,'难定')
 			let this_ = this;
-			
+
 			setTimeout(() => {
 				this_.headimgurl = this_.url;
 				this_.nickname = this_.username;
@@ -406,7 +406,7 @@ export default {
 								uni.removeStorageSync('openid');
 								uni.removeStorageSync('unionid');
 								that.nickname = '点击授权';
-								that.headimgurl = '../../static/images/adm_img.png';
+								that.headimgurl = '';
 								that.isLogin = false;
 							} else if (res.cancel) {
 							}
@@ -540,7 +540,7 @@ export default {
 .t-setting{
 	width: 50rpx;
 	height: 50rpx;
-	
+
 }
 .set-img{
 		width: 100%;