From b746aaaa83b0b7ed781c7d8ac0a6bb45e01f105f Mon Sep 17 00:00:00 2001
From: limqhz <lmq540344226@163.com>
Date: Wed, 14 Dec 2022 19:58:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.json                        |  3 ++-
 pages/myself/account/index.js   | 22 ++++++++++++++++++++++
 pages/myself/account/index.json |  4 ++++
 pages/myself/account/index.wxml | 12 ++++++++++++
 pages/myself/account/index.wxss |  6 ++++++
 pages/myself/index.js           |  6 ++++++
 pages/myself/index.wxml         |  2 +-
 7 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 pages/myself/account/index.js
 create mode 100644 pages/myself/account/index.json
 create mode 100644 pages/myself/account/index.wxml
 create mode 100644 pages/myself/account/index.wxss

diff --git a/app.json b/app.json
index f20a495..5f44e13 100644
--- a/app.json
+++ b/app.json
@@ -10,7 +10,8 @@
         "pages/anniversary/create/index",
         "pages/myself/notify/index",
         "pages/myself/question/index",
-        "pages/myself/about/index"
+        "pages/myself/about/index",
+        "pages/myself/account/index"
     ],
     "usingComponents": {
         "t-icon": "/components/icon/icon",
diff --git a/pages/myself/account/index.js b/pages/myself/account/index.js
new file mode 100644
index 0000000..b3b2179
--- /dev/null
+++ b/pages/myself/account/index.js
@@ -0,0 +1,22 @@
+Page({
+    data: {
+        hasUserAttar: false,
+        userInfo: {},
+    },
+
+    fetchWXAttar(){
+        wx.getUserProfile({
+            desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
+            success: (res) => {
+                console.log(res)
+                this.setData({
+                    userInfo: res.userInfo,
+                    hasUserAttar: true
+                })
+            },
+            fail: (e) => {
+                console.log(e);
+            }
+        })
+    }
+});
diff --git a/pages/myself/account/index.json b/pages/myself/account/index.json
new file mode 100644
index 0000000..c77dc7a
--- /dev/null
+++ b/pages/myself/account/index.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {
+  }
+}
diff --git a/pages/myself/account/index.wxml b/pages/myself/account/index.wxml
new file mode 100644
index 0000000..b5e15cd
--- /dev/null
+++ b/pages/myself/account/index.wxml
@@ -0,0 +1,12 @@
+<t-cell wx:if="{{hasUserAttar}}" title="{{userInfo.nickName}}">
+    <view class="avatar" slot="left-icon">
+        <open-data type="userAvatarUrl" />
+    </view>
+</t-cell>
+<t-cell wx:else title="{{'用户名'}}" description="点击授权头像信息" bind:tap="fetchWXAttar">
+    <view class="avatar" slot="left-icon">
+        <open-data type="userAvatarUrl" />
+    </view>
+</t-cell>
+<t-cell title="昵称" description="{{'浙A88FU7'}}" />
+<t-cell title="邮箱" description="{{'540344226@qq.com'}}" />
diff --git a/pages/myself/account/index.wxss b/pages/myself/account/index.wxss
new file mode 100644
index 0000000..8b8f32f
--- /dev/null
+++ b/pages/myself/account/index.wxss
@@ -0,0 +1,6 @@
+.avatar {
+    width: 200rpx;
+    height: 200rpx;
+    border-radius: 50%;
+    overflow: hidden;
+}
diff --git a/pages/myself/index.js b/pages/myself/index.js
index 6ac5786..df125ef 100644
--- a/pages/myself/index.js
+++ b/pages/myself/index.js
@@ -26,6 +26,12 @@ Page({
         })
     },
 
+    viewMyAccount(){
+        wx.navigateTo({
+            url: '/pages/myself/account/index'
+        });
+    },
+
     viewMyMessage(){
         wx.navigateTo({
             url: '/pages/myself/notify/index'
diff --git a/pages/myself/index.wxml b/pages/myself/index.wxml
index a4c55a3..c402bc3 100644
--- a/pages/myself/index.wxml
+++ b/pages/myself/index.wxml
@@ -9,7 +9,7 @@
         <open-data type="userAvatarUrl" />
     </view>
 </t-cell>
-<t-cell title="个人信息" hover arrow />
+<t-cell title="个人信息" hover arrow bind:tap="viewMyAccount"/>
 <t-cell title="我的消息" hover arrow bind:tap="viewMyMessage"/>
 <t-cell title="常见问题" hover arrow bind:tap="viewQuestion"/>
 <t-cell title="关于我们" hover arrow bind:tap="viewAboutUs"/>