init project
This commit is contained in:
limqhz
180
pages/userInfo/index.js
Normal file
180
pages/userInfo/index.js
Normal file
@@ -0,0 +1,180 @@
|
||||
// pages/userInfo/index.js
|
||||
const app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
setList: [],
|
||||
isShowSheet: false,
|
||||
members: {},
|
||||
gohome: true
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function() {
|
||||
this.getData();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function() {
|
||||
return {
|
||||
title: '智慧云馆'
|
||||
}
|
||||
},
|
||||
|
||||
// 切换头像
|
||||
changeAvatar() {
|
||||
let that = this;
|
||||
wx.chooseImage({
|
||||
count: 1,
|
||||
success: function (e) {
|
||||
wx.showLoading({
|
||||
title: '正在上传...',
|
||||
mask: true,
|
||||
})
|
||||
app.$api.uploadAvatar({
|
||||
filePath: e.tempFilePaths[0]
|
||||
}).then(res => {
|
||||
wx.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success',
|
||||
})
|
||||
that.getData();
|
||||
}, err => {});
|
||||
},
|
||||
fail: function (res) {
|
||||
console.log(res);
|
||||
},
|
||||
})
|
||||
},
|
||||
|
||||
// 修改性别
|
||||
changeSex(val) {
|
||||
this.setData({
|
||||
setList: [{
|
||||
label: '男',
|
||||
value: 0,
|
||||
type: 'sex'
|
||||
}, {
|
||||
label: '女',
|
||||
value: 1,
|
||||
type: 'sex'
|
||||
}, {
|
||||
label: '不选择',
|
||||
value: 2,
|
||||
type: 'sex'
|
||||
}],
|
||||
isShowSheet: true
|
||||
})
|
||||
},
|
||||
|
||||
// 隐藏sheet弹框
|
||||
cancelSheet() {
|
||||
this.setData({
|
||||
isShowSheet: false
|
||||
})
|
||||
},
|
||||
|
||||
// 选择sheet
|
||||
selectedSheet(e) {
|
||||
let obj = e.detail;
|
||||
if (obj.type == 'avatar') {
|
||||
if (obj.value == 0) {
|
||||
this.photograph('camera');
|
||||
}
|
||||
if (obj.value == 1) {
|
||||
this.photograph('album');
|
||||
}
|
||||
}
|
||||
if (obj.type == 'sex') {
|
||||
this.updateSex(obj.value);
|
||||
}
|
||||
this.setData({
|
||||
isShowSheet: false
|
||||
})
|
||||
},
|
||||
|
||||
// 修改性别 上传服务器
|
||||
updateSex(val) {
|
||||
app.$api.memberUpdateInformation({
|
||||
sex: val
|
||||
}).then(res => {
|
||||
this.getData();
|
||||
}, err => {
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
// 修改信息
|
||||
changeMessage(e) {
|
||||
let label = e.currentTarget.dataset.label;
|
||||
let value = e.currentTarget.dataset.value ? e.currentTarget.dataset.value : "";
|
||||
wx.removeStorageSync('history');
|
||||
wx.navigateTo({
|
||||
url: `/pages/register/index?label=${label}&value=${value}&codeType=3`,
|
||||
})
|
||||
},
|
||||
|
||||
// 获取数据
|
||||
getData() {
|
||||
wx.showLoading({
|
||||
title: '加载中...',
|
||||
mask: true,
|
||||
})
|
||||
app.$api.memberInformation({}).then(res => {
|
||||
this.setData({
|
||||
members: res.members
|
||||
})
|
||||
}, err => {
|
||||
|
||||
})
|
||||
}
|
||||
})
|
||||
6
pages/userInfo/index.json
Normal file
6
pages/userInfo/index.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"action-sheet": "/component/actionSheet/actionSheet",
|
||||
"header": "/component/header/header"
|
||||
}
|
||||
}
|
||||
50
pages/userInfo/index.wxml
Normal file
50
pages/userInfo/index.wxml
Normal file
@@ -0,0 +1,50 @@
|
||||
<!--pages/userInfo/index.wxml-->
|
||||
<header></header>
|
||||
<view class='container' wx:if="{{members.nickname}}">
|
||||
<!-- 昵称信息 -->
|
||||
<view class='list'>
|
||||
<view class='cell avatar' bindtap='changeAvatar'>
|
||||
<text class='title'>头像</text>
|
||||
<view class='right-cell'>
|
||||
<image class='avatar-img' src='{{members.avatar ? members.avatar : "../../images/avatar.png"}}' mode='aspcetFill'></image>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class='cell' bindtap='changeMessage' data-label='nickname' data-value='{{members.nickname}}'>
|
||||
<text class='title'>昵称</text>
|
||||
<text class='message'>{{members.nickname}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
<view class='cell unLine' bindtap='changeMessage' data-label='phone' data-value='{{members.mobile}}'>
|
||||
<text class='title'>手机号</text>
|
||||
<text class='message'>{{members.mobile}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 真实信息 -->
|
||||
<view class='list'>
|
||||
<view class='cell' bindtap='changeMessage' data-label='name' data-value='{{members.name}}'>
|
||||
<text class='title'>姓名</text>
|
||||
<text class='message'>{{members.name}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
<view class='cell' bindtap='changeSex' >
|
||||
<text class='title'>性别</text>
|
||||
<text class='message'>{{members.sex == 0 ? "男" : (members.sex == 1 ? "女" : "")}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
<view class='cell' bindtap='changeMessage' data-label='age' data-value='{{members.age}}'>
|
||||
<text class='title'>年龄</text>
|
||||
<text class='message'>{{members.age}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
<view class='cell unLine address' bindtap='changeMessage' data-label='address' data-value='{{members.address}}'>
|
||||
<text class='title'>地址</text>
|
||||
<text class='message'>{{members.address}}</text>
|
||||
<image class='right-arrow' src='../../images/46@3x.png'></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<action-sheet value="{{setList}}" bindcancel="cancelSheet" bindselected="selectedSheet" wx:if="{{isShowSheet}}"></action-sheet>
|
||||
61
pages/userInfo/index.wxss
Normal file
61
pages/userInfo/index.wxss
Normal file
@@ -0,0 +1,61 @@
|
||||
/* pages/userInfo/index.wxss */
|
||||
|
||||
.container {
|
||||
padding: 190rpx 30rpx 30rpx 30rpx;
|
||||
min-height: calc(100vh - 190rpx);
|
||||
}
|
||||
|
||||
.list {
|
||||
margin-bottom: 30rpx;
|
||||
background: #1a191e;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.list .cell {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
min-height: 90rpx;
|
||||
padding: 0 30rpx;
|
||||
border-bottom: 2rpx solid #212025;
|
||||
}
|
||||
|
||||
.list .cell.avatar {
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.list .cell.unLine {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.list .cell .title {
|
||||
font-size: 24rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.list .cell .right-cell {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.list .cell .avatar-img {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.list .cell .right-arrow {
|
||||
width: 12rpx;
|
||||
height: 22rpx;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
|
||||
.list .cell .message {
|
||||
flex: 1;
|
||||
margin: 20rpx 0;
|
||||
text-align: right;
|
||||
color: #FFF;
|
||||
font-size: 24rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user