fix: ui

pages/package-order/package-order.vue

@@ -18,8 +18,7 @@
 			class="tab-swiper package-swiper"
 			:current="packageTypeIndex"
 			:circular="false"
-			:acceleration="true"
-			@change="onPackageSwiperChange"
+			:disable-touch="true"
 		>
 			<swiper-item v-for="tab in packageTypeTabs" :key="tab.value" class="package-swiper-item">
 				<scroll-view v-if="activePackageType === tab.value" scroll-y class="package-scroll">
@@ -249,12 +248,6 @@
 		loadPackages(packageType);
 	};
 
-	const onPackageSwiperChange = (event) => {
-		const nextIndex = Number(event?.detail?.current);
-		const nextTab = packageTypeTabs[nextIndex];
-		if (nextTab) switchPackageType(nextTab.value);
-	};
-
 	const loadWalletBalance = async () => {
 		try {
 			const data = await walletApi.getDetail(userStore.state.identifier);
@@ -724,9 +717,10 @@
 	/* Screenshot-aligned package list skin */
 	.container {
 		position: fixed;
-		top: 88rpx;
+		/* Keep the page below the platform navigation bar on every screen size. */
+		top: var(--window-top);
 		right: 0;
-		bottom: 0;
+		bottom: var(--window-bottom);
 		left: 0;
 		display: flex;
 		flex-direction: column;