增加修改资料页面的部分逻辑
This commit is contained in:
@@ -5,29 +5,51 @@ Page({
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
activeNames: [" "],
|
||||
list: 50,
|
||||
BaseURL:wx.getStorageSync("UserInfoCache").BaseURL,
|
||||
activeNames: [],
|
||||
username: wx.getStorageSync("UserInfoCache").UserName,
|
||||
HeadiconID: wx.getStorageSync("UserInfoCache").HeadiconID,
|
||||
list: parseInt(wx.getStorageSync("Config")[6].value, 10), //将字符串数字解析成整数
|
||||
|
||||
},
|
||||
onChange(event) {
|
||||
console.log(event.detail);
|
||||
this.setData({
|
||||
username: event.detail,
|
||||
});
|
||||
console.log("用户名将被修改为:"+this.data.username);
|
||||
},
|
||||
selectHeadicon(event) {
|
||||
console.log(event.currentTarget.dataset.index);
|
||||
this.setData({
|
||||
HeadiconID: event.currentTarget.dataset.index,
|
||||
});
|
||||
},
|
||||
onChange2(event) {
|
||||
//用于切换卷展栏
|
||||
this.setData({
|
||||
activeNames: event.detail,
|
||||
});
|
||||
},
|
||||
onOpen2(event) {
|
||||
console.log("展开");
|
||||
},
|
||||
onClose2(event) {
|
||||
console.log("关闭");
|
||||
},
|
||||
onConfirm(event) {
|
||||
console.log("点击了确认修改!");
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '确定修改个人资料吗?',
|
||||
showCancel: true, // 是否显示取消按钮
|
||||
cancelText: '取消', // 取消按钮的文本,默认是"取消"
|
||||
cancelColor: '#000000', // 取消按钮的文字颜色,默认是"#000000"
|
||||
confirmText: '确认', // 确认按钮的文本,默认是"确定"
|
||||
confirmColor: '#ff0000', // 确认按钮的文字颜色,默认是"#3CC51F"
|
||||
success:(res)=> {
|
||||
if (res.confirm) {
|
||||
// 用户点击了确认按钮
|
||||
// 调用函数datachange
|
||||
//this.datachange()
|
||||
|
||||
} else if (res.cancel) {
|
||||
// 用户点击了取消按钮
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
<van-cell-group>
|
||||
<van-field
|
||||
label="用户名"
|
||||
value="Yeomai"
|
||||
value="{{username}}"
|
||||
placeholder="请输入用户名"
|
||||
border="true"
|
||||
bind:change="onChange"
|
||||
/>
|
||||
</van-cell-group>
|
||||
|
||||
<van-collapse value="{{ activeNames }}" bind:change="onChange2" bind:open="onOpen2" bind:close="onClose2">
|
||||
<van-collapse value="{{ activeNames }}" bind:change="onChange2">
|
||||
<van-collapse-item title="头像" name="1">
|
||||
<view style="display: flex; justify-content: center; padding: 20rpx 0;">
|
||||
<van-image width="120rpx" height="120rpx" src="https://api.yeomai.site/Images/Headicons/Headicon18.png" />
|
||||
<van-image width="120rpx" height="120rpx" src="{{BaseURL}}/Images/Headicons/Headicon{{HeadiconID}}.png" />
|
||||
</view>
|
||||
<van-grid icon-size="80rpx">
|
||||
<scroll-view scroll-y style="min-height: 200rpx;max-height: 620rpx;" class="scroll-area">
|
||||
<van-grid-item wx:for="{{ list }}" wx:key="index" icon="https://api.yeomai.site/Images/Headicons/Headicon{{index + 1}}.png" text="{{index + 1}}" bind:click="selectHeadicon" data-index="{{index + 1}}"/>
|
||||
<van-grid-item wx:for="{{ list }}" wx:key="index" icon="{{BaseURL}}/Images/Headicons/Headicon{{index + 1}}.png" text="{{index + 1}}" bind:click="selectHeadicon" data-index="{{index + 1}}"/>
|
||||
</scroll-view>
|
||||
</van-grid>
|
||||
</van-collapse-item>
|
||||
|
||||
Reference in New Issue
Block a user