vb

miniprogram/src/pages/user/index.tsx

@@ -13,33 +13,99 @@ export default function UserIndex() {
 
   const goOrders = () => Taro.navigateTo({ url: '/pages/order/list' })
   const goDistributor = () => Taro.navigateTo({ url: '/subpackages/distributor/index' })
+  const goInvite = () => Taro.navigateTo({ url: '/subpackages/distributor/invite' })
+  const goWithdraw = () => Taro.navigateTo({ url: '/subpackages/distributor/withdraw' })
+  
+  const handleAddress = async () => {
+    try { await Taro.chooseAddress() } catch(e) {}
+  }
+  
   const login = () => {
-      // Trigger login again if needed
       Taro.reLaunch({ url: '/pages/index/index' })
   }
 
+  const serviceGroups = [
+    {
+      title: '基础服务',
+      items: [
+        { title: '我的订单', icon: '📦', action: goOrders },
+        { title: '地址管理', icon: '📍', action: handleAddress },
+        { title: '新增地址', icon: '📝', action: handleAddress },
+      ]
+    },
+    {
+      title: '分销中心',
+      items: [
+        { title: '分销首页', icon: '⚡', action: goDistributor },
+        { title: '推广邀请', icon: '🤝', action: goInvite },
+        { title: '佣金提现', icon: '💰', action: goWithdraw },
+      ]
+    },
+    {
+      title: '其他',
+      items: [
+        { title: '联系客服', icon: '🎧', isContact: true }
+      ]
+    }
+  ]
+
+  const stats = [
+    { label: '余额', value: '0.00' },
+    { label: '积分', value: '0' },
+    { label: '优惠券', value: '0' }
+  ]
+
   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>}
+      {/* Profile Card */}
+      <View className='profile-card'>
+        <View className='avatar-container'>
+            <Image src={userInfo?.avatar_url || 'https://via.placeholder.com/150/00b96b/FFFFFF?text=USER'} className='avatar' />
+            {userInfo && <View className='online-dot' />}
+        </View>
+        <View className='info-col'>
+            <Text className='nickname'>{userInfo?.nickname || '未登录用户'}</Text>
+            <Text className='uid'>ID: {userInfo ? '888888' : '----'}</Text>
+            {!userInfo && (
+                <Button className='btn-login' onClick={login}>立即登录 / 注册</Button>
+            )}
+        </View>
+        <View className='card-bg-effect' />
       </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>
+      {/* Stats Row */}
+      <View className='stats-row'>
+        {stats.map((item, idx) => (
+            <View key={idx} className='stat-item'>
+                <Text className='stat-val'>{item.value}</Text>
+                <Text className='stat-lbl'>{item.label}</Text>
+            </View>
+        ))}
+      </View>
+
+      {/* Service Groups */}
+      <View className='service-container'>
+        {serviceGroups.map((group, gIdx) => (
+          <View key={gIdx} className='service-group'>
+            <Text className='group-title'>{group.title}</Text>
+            <View className='grid-layout'>
+              {group.items.map((item, idx) => (
+                <View key={idx} className='grid-item' onClick={item.action}>
+                    <View className='icon-box'>
+                        <Text className='icon'>{item.icon}</Text>
+                    </View>
+                    <Text className='item-title'>{item.title}</Text>
+                    {item.isContact && <Button openType='contact' className='contact-overlay' />}
+                </View>
+              ))}
+            </View>
+          </View>
+        ))}
+      </View>
+
+      <View className='version-info'>
+        <Text>Quant Speed Market v1.0.0</Text>
+        <Text>Powered by Taro & React</Text>
       </View>
     </View>
   )