增加修改资料页面的部分逻辑
This commit is contained in:
1 parent
be1de8507f
commit
fa76d2624d
2 files changed
+36
-14
No files matched your search
@@ -5,29 +5,51 @@ Page({
|
|||||||
* 页面的初始数据
|
* 页面的初始数据
|
||||||
*/
|
*/
|
||||||
data: {
|
data: {
|
||||||
activeNames: [" "],
|
BaseURL:wx.getStorageSync("UserInfoCache").BaseURL,
|
||||||
list: 50,
|
activeNames: [],
|
||||||
|
username: wx.getStorageSync("UserInfoCache").UserName,
|
||||||
|
HeadiconID: wx.getStorageSync("UserInfoCache").HeadiconID,
|
||||||
|
list: parseInt(wx.getStorageSync("Config")[6].value, 10), //将字符串数字解析成整数
|
||||||
|
|
||||||
},
|
},
|
||||||
onChange(event) {
|
onChange(event) {
|
||||||
console.log(event.detail);
|
this.setData({
|
||||||
|
username: event.detail,
|
||||||
|
});
|
||||||
|
console.log("用户名将被修改为:"+this.data.username);
|
||||||
},
|
},
|
||||||
selectHeadicon(event) {
|
selectHeadicon(event) {
|
||||||
console.log(event.currentTarget.dataset.index);
|
this.setData({
|
||||||
|
HeadiconID: event.currentTarget.dataset.index,
|
||||||
|
});
|
||||||
},
|
},
|
||||||
onChange2(event) {
|
onChange2(event) {
|
||||||
|
//用于切换卷展栏
|
||||||
this.setData({
|
this.setData({
|
||||||
activeNames: event.detail,
|
activeNames: event.detail,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onOpen2(event) {
|
|
||||||
console.log("展开");
|
|
||||||
},
|
|
||||||
onClose2(event) {
|
|
||||||
console.log("关闭");
|
|
||||||
},
|
|
||||||
onConfirm(event) {
|
onConfirm(event) {
|
||||||
console.log("点击了确认修改!");
|
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-cell-group>
|
||||||
<van-field
|
<van-field
|
||||||
label="用户名"
|
label="用户名"
|
||||||
value="Yeomai"
|
value="{{username}}"
|
||||||
placeholder="请输入用户名"
|
placeholder="请输入用户名"
|
||||||
border="true"
|
border="true"
|
||||||
bind:change="onChange"
|
bind:change="onChange"
|
||||||
/>
|
/>
|
||||||
</van-cell-group>
|
</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">
|
<van-collapse-item title="头像" name="1">
|
||||||
<view style="display: flex; justify-content: center; padding: 20rpx 0;">
|
<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>
|
</view>
|
||||||
<van-grid icon-size="80rpx">
|
<van-grid icon-size="80rpx">
|
||||||
<scroll-view scroll-y style="min-height: 200rpx;max-height: 620rpx;" class="scroll-area">
|
<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>
|
</scroll-view>
|
||||||
</van-grid>
|
</van-grid>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
|
|||||||
Reference in new issue
Block a user