add user page structure

src/pages/user/inform/inform.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  usingComponents: {},
+});

src/pages/user/inform/inform.tsx

@@ -0,0 +1,10 @@
+import { View } from '@tarojs/components';
+import { Component, ReactNode } from 'react';
+import Taro from '@tarojs/taro';
+import './inform.scss';
+
+export default class InformPage extends Component {
+  render(): ReactNode {
+    return <View></View>;
+  }
+}

src/pages/user/settings/setting.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '设置',
+  usingComponents: {},
+});

src/pages/user/settings/settings.tsx

@@ -0,0 +1,10 @@
+import { View } from '@tarojs/components';
+import { Component, ReactNode } from 'react';
+import Taro from '@tarojs/taro';
+import './settings.scss';
+
+export default class SettingsPage extends Component {
+  render(): ReactNode {
+    return <View></View>;
+  }
+}

src/pages/user/user.tsx

@@ -1,8 +1,9 @@
-import { View, Text } from '@tarojs/components';
+import { View } from '@tarojs/components';
 import { Component, ReactNode } from 'react';
 import Taro from '@tarojs/taro';
 import type CustomTabBar from '../../custom-tab-bar';
 import './user.scss';
+import { AtList, AtListItem } from 'taro-ui';
 
 export default class UserPage extends Component {
   // 以下是TabBar相关
@@ -13,10 +14,38 @@ export default class UserPage extends Component {
   }
   // 以上是TabBar相关
 
+  informPage() {
+    Taro.navigateTo({
+      url: '/pages/user/inform/inform',
+    });
+  }
+
+  settingsPage() {
+    Taro.navigateTo({
+      url: '/pages/user/settings/settings',
+    });
+  }
+
   render(): ReactNode {
     return (
       <View>
-        <Text>User Page</Text>
+        <AtList>
+          <AtListItem
+            title='我的信息'
+            note='能帮助亦可更好地找到你哦！'
+            arrow='right'
+            iconInfo={{ size: 25, color: '#78A4FA', value: 'user' }}
+            onClick={this.informPage}
+          />
+          <AtListItem
+            title='设置'
+            note='配置小程序'
+            extraText=''
+            arrow='right'
+            iconInfo={{ size: 25, color: '#FF4949', value: 'filter' }}
+            onClick={this.settingsPage}
+          />
+        </AtList>
       </View>
     );
   }