小程序适配

miniprogram/src/pages/user/index.config.ts

@@ -1,3 +1,5 @@
 export default definePageConfig({
-  navigationBarTitleText: '个人中心'
+  navigationBarTitleText: '个人中心',
+  enablePullDownRefresh: true,
+  backgroundTextStyle: 'dark'
 })

miniprogram/src/pages/user/index.scss

@@ -80,6 +80,58 @@
           margin-bottom: 8px;
           text-shadow: 0 0 10px rgba(0,0,0,0.5);
       }
+
+      .badges-row {
+          display: flex;
+          gap: 10px;
+          margin-bottom: 12px;
+          flex-wrap: wrap;
+
+          .badge {
+              display: flex;
+              align-items: center;
+              padding: 4px 16px;
+              border-radius: 20px;
+              font-size: 20px;
+              font-weight: bold;
+              backdrop-filter: blur(5px);
+              
+              .badge-icon { margin-right: 6px; font-size: 22px; }
+              
+              &.star {
+                  background: rgba(255, 215, 0, 0.15);
+                  border: 1px solid rgba(255, 215, 0, 0.6);
+                  color: #ffd700;
+                  box-shadow: 0 0 15px rgba(255, 215, 0, 0.1);
+              }
+              
+              &.admin {
+                  background: rgba(255, 71, 87, 0.15);
+                  border: 1px solid rgba(255, 71, 87, 0.6);
+                  color: #ff4757;
+                  box-shadow: 0 0 15px rgba(255, 71, 87, 0.1);
+              }
+              
+              &.web {
+                  transition: all 0.3s ease;
+                  
+                  &.active {
+                      background: rgba(30, 144, 255, 0.15);
+                      border: 1px solid rgba(30, 144, 255, 0.6);
+                      color: #1e90ff;
+                      box-shadow: 0 0 15px rgba(30, 144, 255, 0.1);
+                  }
+                  
+                  &.disabled {
+                      background: rgba(255, 255, 255, 0.05);
+                      border: 1px solid rgba(255, 255, 255, 0.1);
+                      color: #666;
+                      filter: grayscale(1);
+                      opacity: 0.7;
+                  }
+              }
+          }
+      }
       
       .uid {
           font-size: 24px;

miniprogram/src/pages/user/index.tsx

@@ -1,6 +1,7 @@
 import { View, Text, Image, Button, Checkbox, CheckboxGroup, RichText } from '@tarojs/components'
-import Taro, { useDidShow } from '@tarojs/taro'
+import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro'
 import { useState } from 'react'
+import { login as silentLogin } from '../../utils/request'
 import './index.scss'
 
 export default function UserIndex() {
@@ -14,6 +15,19 @@ export default function UserIndex() {
     if (info) setUserInfo(info)
   })
 
+  usePullDownRefresh(async () => {
+    try {
+        const res = await silentLogin()
+        if (res) {
+            setUserInfo(res)
+        }
+        Taro.stopPullDownRefresh()
+    } catch (e) {
+        Taro.stopPullDownRefresh()
+        Taro.showToast({ title: '刷新失败', icon: 'none' })
+    }
+  })
+
   const goOrders = () => Taro.navigateTo({ url: '/pages/order/list' })
   const goDistributor = () => Taro.navigateTo({ url: '/subpackages/distributor/index' })
   const goInvite = () => Taro.navigateTo({ url: '/subpackages/distributor/invite' })
@@ -296,6 +310,33 @@ export default function UserIndex() {
         </View>
         <View className='info-col'>
             <Text className='nickname' onClick={handleNicknameClick}>{userInfo?.nickname || '未登录用户'}</Text>
+            
+            {userInfo && (
+                <View className='badges-row'>
+                    {/* 明星技术用户 */}
+                    {userInfo.is_star && (
+                        <View className='badge star'>
+                            <Text className='badge-icon'>🌟</Text>
+                            <Text className='badge-text'>技术专家</Text>
+                        </View>
+                    )}
+                    
+                    {/* 管理员 */}
+                    {userInfo.is_admin && (
+                        <View className='badge admin'>
+                            <Text className='badge-icon'>🛡️</Text>
+                            <Text className='badge-text'>管理员</Text>
+                        </View>
+                    )}
+                    
+                    {/* 网页用户 */}
+                    <View className={`badge web ${userInfo.has_web_account ? 'active' : 'disabled'}`}>
+                        <Text className='badge-icon'>🌐</Text>
+                        <Text className='badge-text'>网页用户</Text>
+                    </View>
+                </View>
+            )}
+
             <Text className='uid'>ID: {userInfo ? (userInfo.phone_number || userInfo.id || '----') : '----'}</Text>
             {!userInfo && (
                 <View className='login-btns'>