init

pages/index/index.js

@@ -0,0 +1,41 @@
+// index.js
+const defaultAvatarUrl =
+  "https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0";
+Page({
+  data: {
+    motto: "Hello World",
+    userInfo: {
+      avatarUrl: defaultAvatarUrl,
+      nickName: "",
+    },
+    hasUserInfo: false,
+    canIUseGetUserProfile: xhs.canIUse("getUserProfile"),
+    canIUseNicknameComp: xhs.canIUse("input.type.nickname"),
+  },
+  bindViewTap() {},
+  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) {
+    console.log("user -profile", e);
+    // 推荐使用xhs.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
+    const userInfo = e.detail.userInfo;
+    this.setData({
+      userInfo: userInfo,
+      hasUserInfo: true,
+    });
+  },
+});