苹果端页面微调

src/pages/course/index.vue

@@ -160,7 +160,11 @@ import { onShow } from "@dcloudio/uni-app"
 	const tagsTree = ref([])
 	
 	const showFilterList = ref(false)
+	const {
+		statusBarHeight
+	} = uni.getWindowInfo()
 	
+	const pageTopPadding = computed(() => statusBarHeight + 'px')
 	// 点击标签
 	const chooseTag = (item)=>{
 		activeTag.value = item.value
@@ -327,11 +331,14 @@ import { onShow } from "@dcloudio/uni-app"
 			box-sizing: border-box;
 			display: flex;
 			flex-direction: column;
+			padding-top: v-bind(pageTopPadding);
+			// padding-top: var(--status-bar-height);
 			.body-title{
-				height: 150rpx;
+				height: 90rpx;
+				// background-color: red;
 				text-align: center;
 				font-size: 33rpx;
-				padding-top: 70rpx;
+				padding-top: 10rpx;
 				line-height: 46rpx;
 				box-sizing: border-box;
 				font-weight: 500;
@@ -341,7 +348,7 @@ import { onShow } from "@dcloudio/uni-app"
 				.arrow-icon{
 					position: absolute;
 					left:36rpx;
-					top:80rpx;
+					top:20rpx;
 					color: #000;
 				}
 			}

src/pages/course/study.vue

@@ -180,17 +180,9 @@ const flagVal = ref('1')
 const isUploadingVoice = ref(false)
 
 const {
-	// windowWidth,
-	// windowHeight,
-	// windowTop,
-	statusBarHeight,
-	screenTop,
-	safeArea,
-	// screenHeight,
-	// safeAreaInsets
+	statusBarHeight
 } = uni.getWindowInfo()
 
-console.log(safeArea,screenTop,statusBarHeight)
 const pageTopPadding = computed(() => statusBarHeight + 'px')
 
 // 初始化数据
@@ -941,7 +933,7 @@ const chooseRateNow = (item) => {
 			position: absolute;
 			z-index: 3;
 			right: 20rpx;
-			top: calc(v-bind(pageTopPadding) + 8rpx);
+			top: calc(v-bind(pageTopPadding) - 12rpx);
 			font-size: 26rpx;
 			width: 140rpx;
 			height: 92rpx;
@@ -976,10 +968,10 @@ const chooseRateNow = (item) => {
 			flex-direction: column;
 			padding-top: v-bind(pageTopPadding);
 			.body-title{
-				height: 110rpx;
+				height: 90rpx;
 				text-align: center;
 				font-size: 33rpx;
-				padding-top: 30rpx;
+				padding-top: 10rpx;
 				line-height: 46rpx;
 				box-sizing: border-box;
 				font-weight: 500;
@@ -989,7 +981,7 @@ const chooseRateNow = (item) => {
 				.arrow-icon{
 					position: absolute;
 					left:21rpx;
-					top:25rpx;
+					top:5rpx;
 					color: #000;
 					padding: 15rpx;
 					// background-color: red;

src/pages/courseDetail/index.vue

@@ -1,9 +1,9 @@
 <template>
-	<view class="max_page ">
+	<view class="max_page">
 		<nav-bar :is_seat="false" :backgroundColor="bgOpacity"></nav-bar>
 		<scroll-view :scroll-y="true" class="scroll detail-main" @scroll="scroll_fun" @scrolltolower="scrolltolower">
 			<view class="bg_div">
-				<image-preview class="img_100 " :imgId="form.imgId" mode="widthFix"></image-preview>
+				<image-preview class="img_100" :imgId="form.imgId" mode="widthFix"></image-preview>
 			</view>
 			<view class="back_div" @click="common.navigateBack()">
 				<view class="back-icon"></view>
@@ -183,7 +183,7 @@
 		margin-right: 10rpx;
 		position: fixed;
 		left: 25rpx;
-		top: 45rpx;
+		top:  var(--status-bar-height) ;
 		// background-color: red;
 		// width: 60rpx;
 		// height: 60rpx;

src/pages/index/dialog.vue

@@ -5,13 +5,14 @@
 		<view class="bot-bg"></view>
 		<scroll-view class="index-dialog-body" :scroll-y="true" upper-threshold="0" refresher-enabled="true"
 			refresher-default-style="none" @refresherrefresh="scrolltolower">
-			<view class="seek-setting">
-				<image src="@/static/images/dialog/new-dialog.png" alt="" class="image-icon-new"></image>
-				<image src="@/static/images/dialog/history.png" alt="" class="image-icon"></image>
-			</view>
+			
 			<view class="body-title">
 				<!-- <uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/> -->
 				AI问答
+				<view class="seek-setting">
+					<image src="@/static/images/dialog/new-dialog.png" alt="" class="image-icon-new"></image>
+					<image src="@/static/images/dialog/history.png" alt="" class="image-icon"></image>
+				</view>
 			</view>
 			<view class="ai-info">
 				<!-- <image src="@/static/images/dialog/pet-3.png" alt="" class="image-pet-bg"></image> -->
@@ -126,6 +127,11 @@
 	import {
 		queryHotQuestionApi
 	} from "@/api/dialog.js"
+const {
+	statusBarHeight
+} = uni.getWindowInfo()
+
+const pageTopPadding = computed(() => statusBarHeight + 'px')
 
 	const socketStore = useSocketStore()
 	const {
@@ -553,14 +559,17 @@
 		width: 100%;
 		padding: 0;
 		box-sizing: border-box;
-
+		padding-top: v-bind(pageTopPadding);
 		// display: flex;
 		// flex-direction: column;
+		
+		
 		.body-title {
-			height: 140rpx;
+			height: 90rpx;
 			text-align: center;
 			font-size: 33rpx;
-			padding-top: 70rpx;
+			padding-top: 20rpx;
+			
 			line-height: 46rpx;
 			box-sizing: border-box;
 			font-weight: 500;
@@ -571,7 +580,7 @@
 			.arrow-icon {
 				position: absolute;
 				left: 36rpx;
-				top: 80rpx;
+				top: 30rpx;
 				color: #000;
 			}
 		}
@@ -580,7 +589,7 @@
 			position: absolute;
 			z-index: 3;
 			right: 45rpx;
-			top: 68rpx;
+			top: 8rpx;
 			font-size: 26rpx;
 			width: 140rpx;
 			height: 52rpx;
@@ -741,7 +750,7 @@
 		}
 
 		.talking-list {
-			height: calc(100% - 832rpx);
+			height: calc(100% - 832rpx + v-bind(pageTopPadding));
 			padding: 12rpx 24rpx;
 			box-sizing: border-box;