From 36a9a35886f1b0565679bbf1cea823068a426a97 Mon Sep 17 00:00:00 2001
From: Dawn_Ocean <1785590531@qq.com>
Date: Mon, 11 Mar 2024 11:58:12 +0800
Subject: [PATCH] add member login entry in user page

---
 src/pages/user/member/member.config.ts |  3 ++
 src/pages/user/member/member.scss      |  0
 src/pages/user/member/member.tsx       |  9 ++++++
 src/pages/user/user.tsx                | 43 ++++++++++++++++++++++++--
 src/plain-text/UserPage.ts             | 18 +++++++----
 5 files changed, 65 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/user/member/member.config.ts
 create mode 100644 src/pages/user/member/member.scss
 create mode 100644 src/pages/user/member/member.tsx

diff --git a/src/pages/user/member/member.config.ts b/src/pages/user/member/member.config.ts
new file mode 100644
index 0000000..a9ca517
--- /dev/null
+++ b/src/pages/user/member/member.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  usingComponents: {},
+});
diff --git a/src/pages/user/member/member.scss b/src/pages/user/member/member.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/user/member/member.tsx b/src/pages/user/member/member.tsx
new file mode 100644
index 0000000..c9fb205
--- /dev/null
+++ b/src/pages/user/member/member.tsx
@@ -0,0 +1,9 @@
+import { Component, ReactNode } from 'react';
+import { View } from '@tarojs/components';
+import './about.scss';
+
+export default class SettingsPage extends Component {
+  render(): ReactNode {
+    return <View></View>;
+  }
+}
diff --git a/src/pages/user/user.tsx b/src/pages/user/user.tsx
index 44a4fee..c9bd882 100644
--- a/src/pages/user/user.tsx
+++ b/src/pages/user/user.tsx
@@ -1,4 +1,4 @@
-import { AtList, AtListItem } from 'taro-ui';
+import { AtList, AtListItem, AtToast } from 'taro-ui';
 import { Component, ReactNode } from 'react';
 import { View, Picker, Image, Text } from '@tarojs/components';
 import { getUrl } from '@/service';
@@ -11,6 +11,7 @@ import logo from '@/assets/images/UserPage/logo.png';
 import './user.scss';
 
 const listLangInterval = 20;
+const memberClickTimes = 7;
 
 export default class UserPage extends Component {
   state = {
@@ -19,6 +20,12 @@ export default class UserPage extends Component {
       zh_CN: '简体中文',
       en_US: 'English',
     }[pt.getCurLang()],
+    clicks: memberClickTimes,
+    isToastOpen: false,
+    toastText:
+      pt.get().userPage.memberEntry.front +
+      memberClickTimes.toString() +
+      pt.get().userPage.memberEntry.behind,
   };
 
   // 以下是TabBar相关
@@ -29,6 +36,30 @@ export default class UserPage extends Component {
   }
   // 以上是TabBar相关
 
+  onTapImage = () => {
+    this.setState({
+      clicks: this.state.clicks - 1,
+    });
+    if (this.state.clicks < 3) {
+      this.setState({
+        toastText:
+          pt.get().userPage.memberEntry.front +
+          (this.state.clicks + 1).toString() + // React State's feature
+          pt.get().userPage.memberEntry.behind,
+        isToastOpen: true,
+      });
+      if (this.state.clicks == 0) {
+        this.setState({
+          isToastOpen: false,
+          clicks: memberClickTimes,
+        });
+        Taro.navigateTo({
+          url: '/pages/user/member/member',
+        });
+      }
+    }
+  };
+
   showLangDict: Record<string, Lang> = {
     简体中文: 'zh_CN',
     English: 'en_US',
@@ -86,8 +117,16 @@ export default class UserPage extends Component {
           className='at-row at-row__justify--center at-row__align--end'
           style='height:110px;'
         >
-          <Image style='width: 100px;height: 100px;' src={logo} />
+          <Image
+            onTap={this.onTapImage}
+            style='width: 100px;height: 100px;'
+            src={logo}
+          />
         </View>
+        <AtToast
+          isOpened={this.state.isToastOpen}
+          text={this.state.toastText}
+        ></AtToast>
         <View
           className='at-row at-row__justify--center at-row__align--center'
           style='height:60px;color:#696969;'
diff --git a/src/plain-text/UserPage.ts b/src/plain-text/UserPage.ts
index f90aecb..47b6625 100644
--- a/src/plain-text/UserPage.ts
+++ b/src/plain-text/UserPage.ts
@@ -1,6 +1,8 @@
 export interface UserPageText {
-  mainTitleLine: string;
-  subTitleLine: string;
+  memberEntry: {
+    front: string;
+    behind: string;
+  };
   ticketColumn: {
     title: string;
     note: string;
@@ -24,8 +26,10 @@ export interface UserPageText {
 }
 
 export const userPageZhCn: UserPageText = {
-  mainTitleLine: '您好，这里是E志者协会',
-  subTitleLine: '维修请至【东三-204】实验室',
+  memberEntry: {
+    front: '再点击 ',
+    behind: ' 次以进入协会成员登录页面',
+  },
   ticketColumn: {
     title: '我的工单',
     note: '在这里查看历史工单！',
@@ -49,8 +53,10 @@ export const userPageZhCn: UserPageText = {
 };
 
 export const userPageEnUs: UserPageText = {
-  mainTitleLine: '您好，这里是E志者协会',
-  subTitleLine: '维修请至【东三-204】实验室',
+  memberEntry: {
+    front: '再点击 ',
+    behind: ' 次以进入协会成员登录页面',
+  },
   ticketColumn: {
     title: '我的工单',
     note: '在这里查看历史工单！',