feat: 首页获取用户信息

src/pages/index/index.jsx

@@ -36,6 +36,7 @@ import { useEffect, useState } from "react";
 
 export default function Index() {
   // 用户基本信息
+  const [localuserInfo, setlocaluserInfo] = useState(null);
   const [userInfo, setuserInfo] = useState({
     wxid: null,
     openId: null,
@@ -63,6 +64,12 @@ export default function Index() {
   });
 
   useEffect(() => {
+    try {
+      let getuserInfo = Taro.getStorageSync("userInfo");
+      if (getuserInfo) {
+        setuserInfo(getuserInfo);
+        console.log("本地用户信息存在");
+      } else {
         Taro.login({
           success: function (res) {
             if (res.code) {
@@ -71,10 +78,17 @@ export default function Index() {
                 url: "http://127.0.0.1:28369/login",
                 data: {
                   code: res.code,
-              wxid: userInfo?.wxid ?? "wxid_4413224132412",
+                  wxid: userInfo?.wxid ?? "wxid_4413224132412", //debug eric 的wxid
                 },
                 success: function (resUser) {
+                  console.log(resUser);
                   console.log(resUser.data);
+                  setuserInfo({ ...resUser.data });
+                  // 本地存储
+                  Taro.setStorage({
+                    key: "userInfo",
+                    data: resUser.data,
+                  });
                 },
               });
             } else {
@@ -82,6 +96,10 @@ export default function Index() {
             }
           },
         });
+      }
+    } catch (e) {
+      console.log("error", e);
+    }
   }, []);
 
   // 获取用户标识符
@@ -248,7 +266,12 @@ export default function Index() {
         {/* 顶部 */}
         <View className="indexHeader">
           {/* 头像 */}
-          <AtAvatar circle image={touxiang}></AtAvatar>
+          <AtAvatar
+            circle
+            image={
+              Object.keys(userInfo).length > 0 ? userInfo.smallhead : touxiang
+            }
+          ></AtAvatar>
           {/* color="#F00" */}
           <AtIcon value="chevron-down" size="30"></AtIcon>
         </View>