feat:mvp

src/pages/mine/mine.vue

@@ -29,6 +29,10 @@
       :style="{ marginTop: navBarHeight + 'px' }"
       scroll-y="true"
       :show-scrollbar="false"
+      refresher-enabled
+      :refresher-triggered="refresherTriggered"
+      @refresherrefresh="onRefresh"
+      refresher-background="rgba(26, 11, 46, 0.5)"
     >
       <!-- 用户信息区域 -->
       <view class="user-info">
@@ -132,6 +136,9 @@ const userBalance = ref(0.00);
 const statusBarHeight = ref(0);
 const navBarHeight = ref(0);
 
+// 下拉刷新相关
+const refresherTriggered = ref(false);
+
 // 登录按钮文本
 const loginButtonText = computed(() => {
   return '微信一键登录';
@@ -476,17 +483,39 @@ Token: ${currentToken || '无'}
 };
 
 // 加载用户余额
-const loadUserBalance = async () => {
+const loadUserBalance = async (isRefresh = false) => {
   if (!isLoggedIn.value) return;
-  
+
+  // 暂时注释掉API请求，使用本地模拟数据
+  console.log('loadUserBalance called, 使用模拟数据');
+  userBalance.value = 0.00; // 默认余额
+
+  if (isRefresh) {
+    console.log('余额刷新成功（本地模拟）');
+  }
+
+  /* API请求已注释
   try {
     const result = await rechargeAPI.getUserBalance();
     if (result.success) {
       userBalance.value = result.data.balance || 0;
+
+      // 如果是下拉刷新,显示成功提示
+      if (isRefresh) {
+        console.log('余额刷新成功');
+      }
     }
   } catch (error) {
     console.error('获取用户余额失败:', error);
+    if (isRefresh) {
+      uni.showToast({
+        title: '余额刷新失败',
+        icon: 'none',
+        duration: 1500
+      });
+    }
   }
+  */
 };
 
 // 跳转到充值页面
@@ -502,6 +531,39 @@ const goToHistory = () => {
     url: '/pages/recharge/history'
   });
 };
+
+// 下拉刷新处理
+const onRefresh = async () => {
+  console.log('触发下拉刷新');
+  refresherTriggered.value = true;
+
+  try {
+    // 刷新用户信息
+    initUserInfo();
+
+    // 刷新用户余额
+    await loadUserBalance(true);
+
+    // 显示刷新成功提示
+    uni.showToast({
+      title: '刷新成功',
+      icon: 'success',
+      duration: 1500
+    });
+  } catch (error) {
+    console.error('刷新失败:', error);
+    uni.showToast({
+      title: '刷新失败',
+      icon: 'none',
+      duration: 1500
+    });
+  } finally {
+    // 刷新完成后,关闭刷新状态
+    setTimeout(() => {
+      refresherTriggered.value = false;
+    }, 500);
+  }
+};
 </script>
 
 <style lang="scss" scoped>