hhyykk/ipms-sjy
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy.git synced 2025-07-06 23:25:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

引入 uview 组件

Browse Source
This commit is contained in:
YunaiV
2021-11-27 20:09:13 +08:00
parent 2da6a746e4
commit 002aea34ae
13 changed files with 911 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
yudao-vue-ui/pages/set/userInfo.vue
View File

@ -5,8 +5,7 @@
<view class="avatar-wrap" @click="chooseImage">
<image class="avatar" :src="tempAvatar || userInfo.avatar || '/static/icon/default-avatar.png'" mode="aspectFill"></image>
<!-- 进度遮盖 -->
<view
class="progress center"
<view class="progress center"
:class="{
'no-transtion': uploadProgress === 0,
show: uploadProgress != 100
@ -14,27 +13,13 @@
:style="{
width: uploadProgress + '%',
height: uploadProgress + '%',
}"
></view>
}"></view>
</view>
</view>
<view class="cell b-b">
<text class="tit fill">昵称</text>
<input class="input" v-model="userInfo.nickname" type="text" maxlength="8" placeholder="请输入昵称" placeholder-class="placeholder">
</view>
<view class="cell b-b">
<text class="tit fill">性别</text>
<view class="checkbox center" @click="changeGender(1)">
<text v-if="userInfo.gender == 1" class="mix-icon icon-xuanzhong"></text>
<text v-else class="mix-icon icon-yk_yuanquan"></text>
<text>男</text>
</view>
<view class="checkbox center" @click="changeGender(2)">
<text v-if="userInfo.gender == 2" class="mix-icon icon-xuanzhong"></text>
<text v-else class="mix-icon icon-yk_yuanquan"></text>
<text>女</text>
</view>
</view>
<mix-button ref="confirmBtn" text="保存资料" marginTop="80rpx" @onConfirm="confirm"></mix-button>
</view>
@ -65,11 +50,12 @@
this.userInfo = {avatar, nickname, gender};
},
methods: {
//提交修改
async confirm(){
// 提交修改
async confirm() {
// 校验信息是否变化
const {uploadProgress, userInfo, curUserInfo} = this;
let isUpdate = false;
for(let key in userInfo){
for (let key in userInfo) {
if(userInfo[key] !== curUserInfo[key]){
isUpdate = true;
break;
@ -95,11 +81,6 @@
this.$refs.confirmBtn.stop();
return;
}
if (!userInfo.gender) {
this.$util.msg('请选择您的性别');
this.$refs.confirmBtn.stop();
return;
}
const res = await this.$request('user', 'update', userInfo);
this.$refs.confirmBtn.stop();
this.$util.msg(res.msg);
@ -110,7 +91,7 @@
}, 1000)
}
},
//选择头像
// 选择头像
chooseImage(){
uni.chooseImage({
count: 1,
@ -121,7 +102,7 @@
}
});
},
//裁剪回调
// 裁剪回调
async setAvatar(filePath){
this.tempAvatar = filePath;
this.uploadProgress = 0;
@ -151,10 +132,6 @@
this.$util.msg('头像上传失败');
}
}
},
//修改性别
changeGender(gender){
this.$set(this.userInfo, 'gender', gender)
}
}
}