From a75f1d04b43485b10ed743380e66de443b1ee783 Mon Sep 17 00:00:00 2001
From: claw_bot <claw@jb18cm.plus>
Date: Thu, 12 Mar 2026 11:15:50 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E9=81=AE=E7=BD=A9=EF=BC=8C=E7=BD=91=E7=BB=9C?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E6=97=B6=E6=98=BE=E7=A4=BAloading=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/detail/detail.vue | 53 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 0a07adf..66825e4 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -1,5 +1,12 @@
 <template>
   <view class="page-container">
+    <!-- 全局加载遮罩 -->
+    <view class="loading-overlay" v-if="loading">
+      <view class="loading-content">
+        <uni-icons type="spinner-cycle" size="40" color="#064E3B" class="loading-spin"></uni-icons>
+        <text class="loading-text">加载中...</text>
+      </view>
+    </view>
     
 
     <view class="header-section">
@@ -278,6 +285,8 @@ const getCurrencySymbol = (currency) => {
 };
 
 const portfolioId = ref('');
+const loading = ref(false);
+
 const portfolioData = ref({
   id: '',
   name: '',
@@ -391,6 +400,7 @@ const selectStock = (result) => {
 
 const fetchPortfolioData = async () => {
   try {
+    loading.value = true;
     const pages = getCurrentPages();
     const currentPage = pages[pages.length - 1];
     const id = currentPage.options?.id;
@@ -410,11 +420,15 @@ const fetchPortfolioData = async () => {
     }
   } catch (error) {
     console.error('获取投资组合数据失败:', error);
+    uni.showToast({ title: '加载失败，请重试', icon: 'none' });
+  } finally {
+    loading.value = false;
   }
 };
 
 const fetchTransactions = async () => {
   try {
+    loading.value = true;
     if (!portfolioId.value) return;
     
     const response = await api.assets.getTransactions({
@@ -429,6 +443,9 @@ const fetchTransactions = async () => {
     }
   } catch (error) {
     console.error('获取交易记录失败:', error);
+    uni.showToast({ title: '加载交易记录失败', icon: 'none' });
+  } finally {
+    loading.value = false;
   }
 };
 
@@ -575,6 +592,42 @@ const deletePortfolio = async () => {
   /* 关键：底部留出空间，防止内容被固定按钮遮挡 */
   padding-bottom: 180rpx; 
 }
+
+/* 加载遮罩 */
+.loading-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+.loading-content {
+  background-color: #FFFFFF;
+  border-radius: 16rpx;
+  padding: 40rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16rpx;
+  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
+}
+.loading-spin {
+  animation: rotate 1s linear infinite;
+}
+@keyframes rotate {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+.loading-text {
+  font-size: 26rpx;
+  color: #374151;
+  font-weight: 500;
+}
 .flex-row { display: flex; flex-direction: row; }
 .flex-col { display: flex; flex-direction: column; }
 .items-center { align-items: center; }