优化首页、访客可视滚动布局

property-uniapp-project/pageSubPack/activity-list/activityList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="container">
-		<view class="status-bar"></view>
+		<view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
 		<!-- 顶部标题栏 固定 -->
 		<view class="top-bar">
 			<uni-nav-bar left-icon="left" title="活动列表" backgroundColor="none" :border="false" :statusBar="false"
@@ -134,6 +134,7 @@ const currentPage = ref(1)
 const pageSize = ref(5)
 const total = ref(0)
 const displayedActivities = ref([]) // 当前显示的活动列表
+const statusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight || 0)
 
 // 筛选条件
 const filters = ref([
@@ -337,7 +338,7 @@ watch(() => myFilter.value, () => {
 /* 状态栏 - 自适应设备状态栏高度 */
 .status-bar {
 	/* height: var(--status-bar-height); */
-	height: 46px;
+	/* height: 46px; */
 	width: 100%;
 	flex-shrink: 0;
 }