112 lines
2.7 KiB
Vue
112 lines
2.7 KiB
Vue
<template>
|
||
<view>
|
||
<cu-custom bgColor="bg-gradual-blueness">
|
||
<block slot="content">我的</block>
|
||
</cu-custom>
|
||
<view class="my-avatar">
|
||
<view class="cu-avatar xl round margin-left" :style="'background-image: url('+userPhoto+');'"></view>
|
||
<view class="right">
|
||
<view class="f30 text-bold">{{loginUser.NAME}}</view>
|
||
<view class="mt10">
|
||
<text class="text-grey">手机号：</text>
|
||
<text class="text-grey">{{loginUser.USERNAME}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="cu-list menu margin-top">
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/set/set">
|
||
<text class="text-semi">设置</text>
|
||
</navigator>
|
||
</view>
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/feedback/feedback">
|
||
<text class="text-semi">问题反馈</text>
|
||
</navigator>
|
||
</view>
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/promise/promise">
|
||
<text class="text-semi">安全承诺</text>
|
||
</navigator>
|
||
</view>
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/yhxy/yhxy">
|
||
<text class="text-semi">用户协议</text>
|
||
</navigator>
|
||
</view>
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/ysxy/ysxy">
|
||
<text class="text-semi">隐私协议</text>
|
||
</navigator>
|
||
</view>
|
||
<view class="cu-item arrow">
|
||
<navigator class="content" hover-class="none" url="/pages/my/about/about">
|
||
<text class="text-semi">关于</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
basePath,loginUser,baseImgPath
|
||
} from '@/common/tool.js';
|
||
export default {
|
||
data() {
|
||
return {
|
||
loginUser :'',
|
||
userPhoto :'',
|
||
};
|
||
},
|
||
mounted() {
|
||
this.loginUser = loginUser;
|
||
if(this.loginUser.USERNAME){
|
||
this.getUserInfo();
|
||
}
|
||
},
|
||
methods: {
|
||
getUserInfo(){
|
||
var _this = this;
|
||
uni.request({
|
||
url: basePath+"/app/user/getUserPhoto", //提交接口
|
||
method: 'POST',
|
||
dataType:'json',
|
||
header:{
|
||
'Content-type':'application/x-www-form-urlencoded'
|
||
},
|
||
data: {
|
||
USERNAME:this.loginUser.USERNAME,
|
||
},
|
||
success: (res) => {
|
||
if('success' == res.data.result){
|
||
_this.userPhoto =basePath +"/"+ res.data.userPhoto;
|
||
}else{
|
||
uni.showToast({
|
||
title: res.data.message,
|
||
duration: 2000
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.my-avatar{
|
||
background-color: #fff;
|
||
padding: 40upx 20upx;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.my-avatar .right{
|
||
margin-left: 30upx;
|
||
}
|
||
.cu-list.menu>.cu-item.arrow {
|
||
padding-right: 35px;
|
||
}
|
||
</style>
|