fix: ui

pages/my-wallet/my-wallet.vue

@@ -37,7 +37,10 @@
 				>
 					<swiper-item class="swiper-item-content">
 						<scroll-view scroll-y class="list-content" @scrolltolower="loadMoreRecharge">
-							<view v-if="rechargeList.length === 0 && !rechargeLoading" class="empty-state">
+							<view v-if="!rechargeLoaded || (rechargeLoading && rechargeList.length === 0)" class="loading-state">
+								<up-loading-icon text="加载中" size="30"></up-loading-icon>
+							</view>
+							<view v-else-if="rechargeList.length === 0" class="empty-state">
 								<image class="empty-icon" src="/static/wallet.png" mode="aspectFit" alt="钱包"></image>
 								<view class="empty-title">暂无充值订单</view>
 							</view>
@@ -85,7 +88,10 @@
 
 					<swiper-item class="swiper-item-content">
 						<scroll-view scroll-y class="list-content" @scrolltolower="loadMoreTransaction">
-							<view v-if="transactionList.length === 0 && !transactionLoading" class="empty-state">
+							<view v-if="!transactionLoaded || (transactionLoading && transactionList.length === 0)" class="loading-state">
+								<up-loading-icon text="加载中" size="30"></up-loading-icon>
+							</view>
+							<view v-else-if="transactionList.length === 0" class="empty-state">
 								<image class="empty-icon" src="/static/wallet.png" mode="aspectFit" alt="钱包"></image>
 								<view class="empty-title">暂无钱包流水</view>
 							</view>
@@ -246,12 +252,14 @@
 
 	const rechargeList = reactive([]);
 	const rechargeLoading = ref(false);
+	const rechargeLoaded = ref(false);
 	const rechargeNoMore = ref(false);
 	const rechargePage = ref(1);
 	const rechargePageSize = 5;
 
 	const transactionList = reactive([]);
 	const transactionLoading = ref(false);
+	const transactionLoaded = ref(false);
 	const transactionNoMore = ref(false);
 	const transactionPage = ref(1);
 	const transactionPageSize = 5;
@@ -259,7 +267,7 @@
 	const showRechargeModal = ref(false);
 	const showRechargeOrderPaymentModal = ref(false);
 	const selectedRechargeOrder = ref(null);
-	const selectedAmount = ref(null);
+	const selectedAmount = ref(10000);
 	const isCustomAmount = ref(false);
 	const customAmount = ref('');
 	const rechargePaymentMethod = ref('alipay');
@@ -384,6 +392,9 @@
 			rechargePaymentMethod.value = getDefaultPaymentMethod(
 				rechargeAllowedPaymentMethods.value
 			);
+			selectedAmount.value = 10000;
+			isCustomAmount.value = false;
+			customAmount.value = '';
 			showRechargeModal.value = true;
 		} catch (error) {
 			console.error('充值前校验失败', error);
@@ -488,6 +499,7 @@
 		}
 
 		rechargeLoading.value = false;
+		rechargeLoaded.value = true;
 	};
 
 	const normalizeTransactionItem = (item) => {
@@ -532,6 +544,7 @@
 		}
 
 		transactionLoading.value = false;
+		transactionLoaded.value = true;
 	};
 
 	const handleRechargeResult = async (rechargeData, paymentMethod) => {
@@ -1194,6 +1207,13 @@
 		}
 	}
 
+	.loading-state {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		min-height: 360rpx;
+	}
+
 	.recharge-order-payment-popup {
 		.package-summary {
 			padding: 40rpx 30rpx 30rpx;