feat: update my page

Author: LeeJim

cloudfunctions/saveUserinfo/index.js

@@ -0,0 +1,24 @@
+const cloud = require('wx-server-sdk')
+
+cloud.init()
+const db = cloud.database()
+
+// 云函数入口函数
+exports.main = async (event) => {
+  const { OPENID: openid } = cloud.getWXContext()
+  const table = db.collection('user_info')
+
+  const { data } = await table.where({ openid }).get()
+
+  if (data.length > 0) return { errno: 0, errmsg: 'duplicated user' }
+
+  await table.add({
+    data: {
+      ...event,
+      openid,
+      createTime: new Date()
+    }
+  })
+
+  return { errno: 0, errmsg: 'ok' }
+}

cloudfunctions/saveUserinfo/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "saveUserinfo",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "wx-server-sdk": "~2.5.3"
+  }
+}

miniprogram/pages/my/index.js

@@ -1,8 +1,11 @@
 import Toast from 'tdesign-miniprogram/toast/index';
 
+const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
+
 Page({
   data: {
     value: 'my',
+    avatarUrl: defaultAvatarUrl,
     tabbars: [{
       text: '首页',
       value: 'index',
@@ -36,6 +39,18 @@ Page({
     })
   },
 
+  onChooseAvatar(e) {
+    const { avatarUrl } = e.detail;
+
+    this.setData({ avatarUrl })
+    wx.cloud.callFunction({
+      name: 'saveUserinfo',
+      data: {
+        avatarUrl,
+      },
+    })
+  },
+
   handleTabbarChange({ detail }) {
     const { value } = detail;
 

miniprogram/pages/my/index.less

@@ -1,7 +1,17 @@
 .avatar {
-  width: 150rpx;
-  height: 150rpx;
-  border-radius: 20rpx;
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 30rpx;
   overflow: hidden;
-  margin-right: 32rpx;
-}
+
+  &-button {
+    margin-right: 32rpx;
+    height: 120rpx;
+    padding: 0;
+    background: transparent;
+
+    &::after, &::before {
+      display: none;
+    }
+  }
+}

miniprogram/pages/my/index.wxml

@@ -1,15 +1,15 @@
 <view class="container">
   <t-cell
-    title="点击复制 GitHub 地址"
+    title="HowToCookOnMiniprogram"
     arrow
-    description="GitHub 搜索 HowToCookOnMiniprogram"
+    description="点击复制 GitHub 地址"
     t-class-image="title-image"
     data-msg="https://github.com/LeeJim/HowToCookOnMiniprogram"
     bind:click="handleCopy"
   >
-  <view class="avatar" slot="left-icon">
-    <open-data type="userAvatarUrl" />
-  </view>
+  <button class="avatar-button"	hover-class="none" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar" slot="left-icon">
+    <image class="avatar" src="{{avatarUrl}}" catch:tap=""></image>
+  </button>
   </t-cell>
   <t-cell title="订阅更新" hover arrow bind:click="handleSubscribe">
     <t-icon name="notification" slot="left-icon" />