add user page structure

project.config.json

@@ -5,8 +5,8 @@
   "appid": "wx636eb7cf2b84f305",
   "setting": {
     "urlCheck": true,
-    "es6": true,
-    "enhance": true,
+    "es6": false,
+    "enhance": false,
     "compileHotReLoad": false,
     "postcss": false,
     "minified": false,

src/app.config.ts

@@ -1,5 +1,11 @@
 export default defineAppConfig({
-  pages: ['pages/index/index', 'pages/repair/repair', 'pages/user/user'],
+  pages: [
+    'pages/index/index',
+    'pages/repair/repair',
+    'pages/user/user',
+    'pages/user/inform/inform',
+    'pages/user/settings/settings',
+  ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',

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>
     );
   }