|
|
|
@ -8,9 +8,11 @@ |
|
|
|
<view class="headImage"> |
|
|
|
<view style="" class="key">头像</view> |
|
|
|
<button style="" class="value" @chooseavatar="onChooseAvatar" open-type="chooseAvatar"> |
|
|
|
<image :src="form.headImage" v-if="form.headImage" style="width: 150%;height: 100%" mode=""> |
|
|
|
<image |
|
|
|
:src="form.headImage" v-if="form.headImage" |
|
|
|
style="width: 100%;height: 100%" mode="aspectFill"> |
|
|
|
</image> |
|
|
|
<image src="/static/image/tabbar/6.png" v-else style="width: 100%;height: 100%" mode=""> |
|
|
|
<image src="/static/image/tabbar/6.png" v-else style="width: 100%;height: 100%" mode="aspectFill"> |
|
|
|
</image> |
|
|
|
</button> |
|
|
|
</view> |
|
|
|
@ -25,12 +27,12 @@ |
|
|
|
<view class="label">性别</view> |
|
|
|
<view>{{form.sex}}</view> |
|
|
|
</view> --> |
|
|
|
<view class="item"> |
|
|
|
<!-- <view class="item"> |
|
|
|
<view class="label">联系方式</view> |
|
|
|
<view class="value"> |
|
|
|
<uv-input v-model="form.phone" placeholder="联系方式" border="bottom" clearable></uv-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- ActionSheet 操作菜单 --> |
|
|
|
@ -45,15 +47,12 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import '../../common.css'; // 引入公共 CSS 文件 |
|
|
|
import { |
|
|
|
mapState, |
|
|
|
mapGetters |
|
|
|
} from 'vuex' |
|
|
|
export default { |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo']), |
|
|
|
...mapGetters(['isVedio']), |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -76,7 +75,7 @@ |
|
|
|
], |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
onLoad() { |
|
|
|
this.form.phone = this.userInfo.phone |
|
|
|
this.form.headImage = this.userInfo.headImage |
|
|
|
this.form.nickName = this.userInfo.nickName |
|
|
|
@ -101,38 +100,33 @@ |
|
|
|
confirmEditUserInfo() { |
|
|
|
let self = this |
|
|
|
uni.createSelectorQuery().in(this) |
|
|
|
.select("#nickName") |
|
|
|
.fields({ |
|
|
|
properties: ["value"], |
|
|
|
}) |
|
|
|
.exec((res) => { |
|
|
|
const nickName = res?.[0]?.value |
|
|
|
self.form.nickName = nickName |
|
|
|
|
|
|
|
if (self.$utils.verificationAll(self.form, { |
|
|
|
headImage: '请选择头像', |
|
|
|
nickName: '请填写昵称' |
|
|
|
})) { |
|
|
|
return |
|
|
|
} |
|
|
|
.select("#nickName") |
|
|
|
.fields({ |
|
|
|
properties: ["value"], |
|
|
|
}) |
|
|
|
.exec((res) => { |
|
|
|
const nickName = res?.[0]?.value |
|
|
|
self.form.nickName = nickName |
|
|
|
|
|
|
|
if (self.$utils.verificationAll(self.form, { |
|
|
|
headImage: '请选择头像', |
|
|
|
nickName: '请填写昵称' |
|
|
|
})) { |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
self.$api('infoUpdateInfo', self.form, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/index/index' |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
self.$api('updateInfo', { |
|
|
|
headImg : self.form.headImage, |
|
|
|
nickname : self.form.nickName, |
|
|
|
}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
uni.redirectTo({ |
|
|
|
url: '/pages/index/center' |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
this.$api('infoUpdateInfo', this.form, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/index/index' |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
sexChange() { |
|
|
|
@ -184,6 +178,7 @@ |
|
|
|
overflow: hidden; |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -220,4 +215,18 @@ |
|
|
|
/deep/ .uv-input__content__field-wrapper__field { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.bottomBtn { |
|
|
|
position: fixed; |
|
|
|
bottom: 5%; |
|
|
|
left: 10%; |
|
|
|
width: 80%; |
|
|
|
height: 80rpx; |
|
|
|
text-align: center; |
|
|
|
color: #ffffff; |
|
|
|
background: $uni-color; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
</style> |
