1

pages/achievement/achievement.vue

@@ -1,9 +1,10 @@
 <template>
 	<view>
+		<view class="topposst">
 		<view class="top">
 			弹射者|巅峰速度田径巡回赛
 		</view>
-		<image style="width: 100%;height: 282rpx" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
+		<image class="topimg" style="width: 100%;height: 282rpx" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
 		<view class="topbut">
 			<view :class="{ topbut1: isActive, 'topbut11': topbut11}" @click="chengji">
 				成绩查询
@@ -12,6 +13,7 @@
 				等级标准
 			</view>
 		</view>
+		</view>
 		<view v-if="isActive">
 			<view class="home-search">
 				<view class="box">
@@ -20,7 +22,7 @@
 					<!-- <image class="arrow" @click="get_api_cage_list(1)" src="https://sports.njrenzhou.cn/static/jiantou@2x.png"></image> -->
 				</view>
 			</view>
-			<view class="content3" style="margin-top: 20upx;" v-for="(item,idex) in 4" @click="detail">
+			<view class="content3" style="margin-top: 20upx;" v-for="(item,idex) in 8" @click="detail">
 				<view class="content31">
 					<image class="img31" src="https://sports.njrenzhou.cn/static/bg (1).png" mode=""></image>
 				</view>
@@ -98,6 +100,13 @@
 </script>
 
 <style lang="scss" scoped>
+	.topposst{
+		height: 300rpx;
+		.topimg{
+			position: fixed;
+			z-index: 10;
+		}
+	}
 	.nnbut{
 		display: flex;
 		justify-content: center;
@@ -202,19 +211,21 @@
 		margin: 0 auto;
 		background: #FFFFFF;
 		border-radius: 35rpx;
-		position: absolute;
+		position: fixed;
 		top: 190rpx;
 		left: 24rpx;
+		z-index: 20;
 	}
 
 	.top {
-		position: absolute;
+		position: fixed;
 		top: 117upx;
 		left: 25upx;
 		font-family: PingFang SC;
 		font-weight: 500;
 		font-size: 30rpx;
 		color: #FFFFFF;
+		z-index: 20;
 	}
 
 	.content3 {

pages/album/album.vue

@@ -1,9 +1,10 @@
 <template>
 	<view class="oppo-box">
+		<view class="topposst">
 		<view class="top">
 			相册
 		</view>
-		<image style="width: 100%;height: 282rpx;position: fixed;z-index: 9;" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
+		<image class="topimg" style="width: 100%;height: 282rpx;position: fixed;z-index: 9;" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
 		<view class="home-search">
 			<view class="box" style="margin-top: 20rpx;">
 				<image class="search" @click="get_api_cage_list(1)" src="https://sports.njrenzhou.cn/static/sousuo@2x.png"></image>
@@ -11,7 +12,7 @@
 				<image class="arrow" @click="get_api_cage_list(1)" src="https://sports.njrenzhou.cn/static/jiantou@2x.png"></image>
 			</view>
 		</view>
-		<view class="" style="height:282rpx;"></view>
+		</view>
 		<view class="content3" style="margin-top: 30upx;" v-for="(item,index) in list" :key="index">
 			<view class="content31" @click="detailxiangce(item)">
 				<!-- <image class="img31" :src="item.home_img.url" mode="scaleToFill"></image> -->
@@ -64,6 +65,13 @@
 </script>
 
 <style lang="scss" scoped>
+	.topposst{
+		height: 300rpx;
+		.topimg{
+			position: fixed;
+			z-index: 10;
+		}
+	}
 	.top {
 		position: absolute;
 		top: 117upx;

pages/index/index.vue

@@ -1,6 +1,8 @@
 <template>
 	<view class="oppo-box">
-		<image style="width: 100%;height: 500rpx;" src="https://sports.njrenzhou.cn/static/bg (1).png"></image>
+		<view class="topposst">
+		<image class="topimg" style="width: 100%;height: 500rpx;" src="https://sports.njrenzhou.cn/static/bg (1).png"></image>
+		</view>
 		<view class="tops">
 			<view class="top">
 				弹射者|震东风华田径巡回赛
@@ -9,6 +11,7 @@
 				弹射者|震东风华田径巡回赛
 			</view>
 		</view>
+		
 		<view class="content">
 			<!-- 	<view class="contenttext" @click="regulations">
 <<<<<<< HEAD
@@ -225,6 +228,13 @@
 </script>
 
 <style lang="scss" scoped>
+	.topposst{
+		height: 500rpx;
+		.topimg{
+			position: fixed;
+			z-index: 10;
+		}
+	}
 	button::after {
 		border: none;
 	}
@@ -478,7 +488,8 @@
 
 	.tops {
 		height: 380rpx;
-
+		position: fixed;
+		z-index: 99;
 		.top {
 			// position: absolute;
 			// top: 117upx;

pages/record/record.vue

@@ -1,9 +1,11 @@
 <template>
 	<view class="oppo-box">
+		<view class="topposst">
 		<view class="top">
 			记录
 		</view>
-		<image style="width: 100%;height: 206rpx;" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
+		<image class="topimg" style="width: 100%;height: 206rpx;" src="https://sports.njrenzhou.cn/static/bg (2).png"></image>
+		</view>
 		<view class="content" v-for="(item,index) in 2" @click="detail">
 			<image style="width: 447upx;height: 110rpx;margin-left:123upx;margin-top: -50upx;" src="https://sports.njrenzhou.cn/static/彩带.png"></image>
 			<view class="imgtext">
@@ -56,6 +58,14 @@
 </script>
 
 <style lang="scss" scoped>
+	.topposst{
+		// position: fixed;
+		height: 220rpx;
+		.topimg{
+			position: fixed;
+			z-index: 11;
+		}
+	}
 	.top {
 		position: absolute;
 		top: 117upx;
@@ -64,6 +74,7 @@
 		font-weight: 500;
 		font-size: 30rpx;
 		color: #FFFFFF;
+		z-index: 99;
 	}
 	.textshijian{
 		display: flex;