From d17589236f26076019775186b20bba212cd79d83 Mon Sep 17 00:00:00 2001
From: zerosaturation <zerosaturation@163.com>
Date: Sun, 12 Apr 2026 21:24:23 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=E4=BF=AE=E6=94=B9ios=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/pages/castlove/create.vue            | 13 ++++++--
 frontend/pages/components/CastloveContent.vue | 23 +++++++++++--
 frontend/pages/discover/generation-result.vue |  7 +++-
 frontend/pages/profile/profile.vue            | 32 +++++++++++++------
 4 files changed, 59 insertions(+), 16 deletions(-)

diff --git a/frontend/pages/castlove/create.vue b/frontend/pages/castlove/create.vue
index 71ce42d..428f984 100644
--- a/frontend/pages/castlove/create.vue
+++ b/frontend/pages/castlove/create.vue
@@ -655,7 +655,6 @@ onMounted(() => {
 	position: relative;
 	width: 100vw;
 	height: 100vh;
-	min-height: 100vh;
 	overflow: hidden;
 }
 
@@ -687,11 +686,18 @@ onMounted(() => {
 	position: relative;
 	z-index: 1;
 	width: 100%;
-	min-height: 100%;
+	height: 100%;
 	padding: 100rpx 32rpx 40rpx 32rpx;
 	box-sizing: border-box;
 }
 
+/* 隐藏滚动条 */
+.content-wrapper::-webkit-scrollbar {
+	display: none;
+	width: 0;
+	height: 0;
+}
+
 /* 页面标题 */
 .page-title {
 	width: 100%;
@@ -1044,7 +1050,8 @@ onMounted(() => {
 	display: flex;
 	gap: 20rpx;
 	margin-top: 40rpx;
-	padding-bottom: 40rpx;
+	padding-bottom: calc(40rpx + constant(safe-area-inset-bottom)); /* iOS 11.0 */
+	padding-bottom: calc(40rpx + env(safe-area-inset-bottom)); /* iOS 11.2+ */
 }
 
 .btn-secondary,
diff --git a/frontend/pages/components/CastloveContent.vue b/frontend/pages/components/CastloveContent.vue
index fcde3c8..cb8a6b2 100644
--- a/frontend/pages/components/CastloveContent.vue
+++ b/frontend/pages/components/CastloveContent.vue
@@ -7,7 +7,7 @@
 		<!-- <view class="background-overlay"></view> -->
 		
 		<!-- 左上角返回按钮 -->
-		<view class="back-button" @click="handleBack">
+		<view class="back-button" :style="{ top: backButtonTop }" @click="handleBack">
 			<image class="back-icon" src="/static/icon/back.png" mode="aspectFit" />
 		</view>
 
@@ -104,7 +104,18 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
+
+// 判断是否为Android设备
+const isAndroid = ref(false);
+
+// 计算返回按钮的top值
+const backButtonTop = computed(() => {
+	if (isAndroid.value) {
+		return 'calc(env(safe-area-inset-top) + 80rpx)';
+	}
+	return 'calc(env(safe-area-inset-top) + 32rpx)';
+});
 
 // 轮播图数据
 const bannerList = ref([
@@ -176,6 +187,12 @@ const scrollTop = ref(0);
 
 // 页面加载
 onMounted(() => {
+	// 检测平台
+	const systemInfo = uni.getSystemInfoSync();
+	console.log('[CastloveContent] 系统信息:', systemInfo);
+	isAndroid.value = systemInfo.platform === 'android';
+	console.log('[CastloveContent] 是否为Android:', isAndroid.value);
+	
 	loadBanners();
 	loadCreations();
 });
@@ -387,7 +404,7 @@ const handleBack = () => {
 /* 左上角返回按钮 */
 .back-button {
 	position: fixed;
-	top: calc(env(safe-area-inset-top) + 80rpx);
+	/* top值通过JS动态设置 */
 	left: 32rpx;
 	width: 80rpx;
 	height: 80rpx;
diff --git a/frontend/pages/discover/generation-result.vue b/frontend/pages/discover/generation-result.vue
index 21a2f02..b27994d 100644
--- a/frontend/pages/discover/generation-result.vue
+++ b/frontend/pages/discover/generation-result.vue
@@ -1304,7 +1304,7 @@ onMounted(() => {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	gap: 16rpx;
+	/* gap: 16rpx; */
 	z-index: 11;
 }
 
@@ -1317,6 +1317,9 @@ onMounted(() => {
 	user-select: none;
 	-webkit-user-select: none;
 	-webkit-tap-highlight-color: transparent;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .action-button:active {
@@ -1329,6 +1332,8 @@ onMounted(() => {
 	color: #FFFFFF;
 	font-weight: bold;
 	text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+	white-space: nowrap;
+	line-height: 1.2;
 }
 
 .hint-text {
diff --git a/frontend/pages/profile/profile.vue b/frontend/pages/profile/profile.vue
index b1d52ee..d5c4be6 100644
--- a/frontend/pages/profile/profile.vue
+++ b/frontend/pages/profile/profile.vue
@@ -1,9 +1,11 @@
 <template>
 	<view class="profile-container">
-		<!-- 上半部分：用户信息卡片 -->
-		<!-- 背景图片 -->
+		<!-- 背景图片 - 固定在容器上 -->
 		<image class="background-image" src="/static/background/starbook.png" mode="aspectFill"></image>
-		<view class="top-section">
+		
+		<scroll-view class="profile-scroll" scroll-y :show-scrollbar="false" :enable-back-to-top="true">
+			<!-- 上半部分：用户信息卡片 -->
+			<view class="top-section">
 
 			<!-- 蒙层 -->
 			<view class="background-overlay"></view>
@@ -243,6 +245,7 @@
 		<view class="logout-section">
 			<button class="logout-button" @tap="handleLogout">退出登录</button>
 		</view>
+		</scroll-view>
 
 		<!-- 新手引导列表弹窗 -->
 		<GuideListModal :visible="showGuideListModal" @start-guide="handleStartGuide"
@@ -1224,9 +1227,21 @@ onMounted(() => {
 	position: relative;
 	width: 100vw;
 	height: 100vh;
-	min-height: 100vh;
 	overflow: hidden;
-	/* overflow-y: auto; */
+}
+
+.profile-scroll {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	z-index: 1;
+}
+
+/* 隐藏滚动条 */
+.profile-scroll::-webkit-scrollbar {
+	display: none;
+	width: 0;
+	height: 0;
 }
 
 /* 上半部分：用户信息区域 */
@@ -1238,7 +1253,7 @@ onMounted(() => {
 }
 
 .background-image {
-	position: absolute;
+	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
@@ -1247,10 +1262,7 @@ onMounted(() => {
 	height: 100%;
 	z-index: 0;
 	object-fit: cover;
-	min-width: 100%;
-	min-height: 100%;
 	/* filter: blur(20rpx); */
-	transform: scale(1.1);
 }
 
 .background-overlay {
@@ -1504,6 +1516,8 @@ onMounted(() => {
 
 .logout-section {
 	padding: 10rpx 30rpx;
+	padding-bottom: calc(40rpx + constant(safe-area-inset-bottom)); /* iOS 11.0 */
+	padding-bottom: calc(40rpx + env(safe-area-inset-bottom)); /* iOS 11.2+ */
 	display: flex;
 	position: relative;
 }