This commit is contained in:
18796357645 2025-07-15 12:44:17 +08:00
parent e1c87cc001
commit 5160962398
2 changed files with 215 additions and 194 deletions

View File

@ -123,7 +123,7 @@ export default {
},
navigateToAccountSettings(path) {
console.log("okk")
uni.navigateTo({
url: path,
});

View File

@ -17,8 +17,9 @@
<view class="profile_item">
<text class="item_label">头像</text>
<view class="avatar_wrapper" @click="changeAvatar">
<image class="avatar" :src="userInfo.avatar || '/static/default-avatar.png'" mode="aspectFill"></image>
<image class="edit_icon" src="https://online.totustec.com/upload/minePage/user.png" mode="aspectFit"></image>
<image class="avatar"
:src="userInfo.avatar || 'https://online.totustec.com/upload/minePage/user.png'"
mode="aspectFill"></image>
</view>
</view>
@ -27,7 +28,6 @@
<text class="item_label">昵称</text>
<input class="nickname_input" v-model="userInfo.nickname" placeholder="请输入昵称" />
</view>
<!-- Save Button -->
<button class="save_btn" @click="saveProfile">保存修改</button>
</view>
@ -40,8 +40,7 @@ export default {
return {
statusBarHeight: 0,
userInfo: {
avatar: '',
nickname: ''
nickname: ""
}
};
},
@ -49,18 +48,18 @@ export default {
// Get system info for status bar height
const systemInfo = wx.getSystemInfoSync();
this.statusBarHeight = systemInfo.statusBarHeight;
// Load user info
this.loadUserInfo();
this.getUserInfoFromCache();
},
methods: {
loadUserInfo() {
// Mock data - replace with actual data fetching
this.userInfo = {
avatar: '/static/default-avatar.png',
nickname: '微信用户'
};
getUserInfoFromCache() {
const userInfo = uni.getStorageSync("userInfo");
if (userInfo) {
this.userInfo.nickname = userInfo.nikeName;
this.userInfo.avatar = "https://online.totustec.com/upload" + userInfo.avatar;
}
},
changeAvatar() {
uni.chooseImage({
count: 1,
@ -73,7 +72,7 @@ export default {
}
});
},
saveProfile() {
async saveProfile() {
if (!this.userInfo.nickname.trim()) {
uni.showToast({
title: '昵称不能为空',
@ -81,13 +80,33 @@ export default {
});
return;
}
// Here you would typically send the updated info to your server
uni.showToast({
title: '保存成功',
icon: 'success'
try {
const res = await uni.request({
url: "https://online.totustec.com/api/api/front/user/update",
method: "POST",
data: this.userInfo,
header: {
"Content-Type": "application/x-www-form-urlencoded",
"Authorization": userInfo.token || ""
},
});
console.log(res)
if (res.statusCode == 200) {
uni.showToast({
title: "修改成功"
});
}
} catch (error) {
uni.showToast({
title: "修改失败",
icon: "none"
});
}
// Here you would typically send the updated info to your server
// uni.showToast({
// title: '',
// icon: 'success'
// });
// Simulate API call
setTimeout(() => {
uni.navigateBack();
@ -107,7 +126,8 @@ export default {
align-items: center;
font-family: PingFang SC, PingFang SC !important;
min-height: 100vh;
background-color: #f1f6fc; /* 保持原有背景色 */
background-color: #f1f6fc;
/* 保持原有背景色 */
}
/* Top Navigation Styles */
@ -182,6 +202,7 @@ export default {
height: 100%;
border-radius: 50%;
}
.edit_icon {
position: absolute;
right: -10rpx;
@ -211,6 +232,6 @@ export default {
}
.save_btn:active {
background-color: #06AD56;
background-color: #ffffff;
}
</style>