1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
  | // index.js 
 |  const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0' 
 |    
 |  Page({ 
 |    data: { 
 |      motto: 'Hello World', 
 |      userInfo: { 
 |        avatarUrl: defaultAvatarUrl, 
 |        nickName: '', 
 |      }, 
 |      hasUserInfo: false, 
 |      canIUseGetUserProfile: wx.canIUse('getUserProfile'), 
 |      canIUseNicknameComp: wx.canIUse('input.type.nickname'), 
 |    }, 
 |    bindViewTap() { 
 |      wx.navigateTo({ 
 |        url: '../logs/logs' 
 |      }) 
 |    }, 
 |    onChooseAvatar(e) { 
 |      const { avatarUrl } = e.detail 
 |      const { nickName } = this.data.userInfo 
 |      this.setData({ 
 |        "userInfo.avatarUrl": avatarUrl, 
 |        hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl, 
 |      }) 
 |    }, 
 |    onInputChange(e) { 
 |      const nickName = e.detail.value 
 |      const { avatarUrl } = this.data.userInfo 
 |      this.setData({ 
 |        "userInfo.nickName": nickName, 
 |        hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl, 
 |      }) 
 |    }, 
 |    getUserProfile(e) { 
 |      // 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认,开发者妥善保管用户快速填写的头像昵称,避免重复弹窗 
 |      wx.getUserProfile({ 
 |        desc: '展示用户信息', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写 
 |        success: (res) => { 
 |          console.log(res) 
 |          this.setData({ 
 |            userInfo: res.userInfo, 
 |            hasUserInfo: true 
 |          }) 
 |        } 
 |      }) 
 |    }, 
 |  }) 
 |  
  |