mi

miniprogram/src/pages/user/index.tsx

@@ -0,0 +1,46 @@
+import { View, Text, Image, Button } from '@tarojs/components'
+import Taro, { useDidShow } from '@tarojs/taro'
+import { useState } from 'react'
+import './index.scss'
+
+export default function UserIndex() {
+  const [userInfo, setUserInfo] = useState<any>(null)
+
+  useDidShow(() => {
+    const info = Taro.getStorageSync('userInfo')
+    if (info) setUserInfo(info)
+  })
+
+  const goOrders = () => Taro.navigateTo({ url: '/pages/order/list' })
+  const goDistributor = () => Taro.navigateTo({ url: '/subpackages/distributor/index' })
+  const login = () => {
+      // Trigger login again if needed
+      Taro.reLaunch({ url: '/pages/index/index' })
+  }
+
+  return (
+    <View className='page-container'>
+      <View className='header'>
+        <Image src={userInfo?.avatar_url || 'https://via.placeholder.com/100'} className='avatar' />
+        <Text className='nickname'>{userInfo?.nickname || '未登录'}</Text>
+        {!userInfo && <Button size='mini' onClick={login}>点击登录</Button>}
+      </View>
+
+      <View className='menu'>
+        <View className='item' onClick={goOrders}>
+          <Text>我的订单</Text>
+          <Text className='arrow'>></Text>
+        </View>
+        <View className='item' onClick={goDistributor}>
+          <Text>分销中心</Text>
+          <Text className='arrow'>></Text>
+        </View>
+        <View className='item'>
+            <Text>联系客服</Text>
+            <Button openType='contact' className='btn-contact' />
+            <Text className='arrow'>></Text>
+        </View>
+      </View>
+    </View>
+  )
+}