besiweb/pages/index/peifu/record.vue

<template>
	<view class="">
		<view class="nav">
			<view class="nav_back" @click="backHome()">
				<u-icon class="back" name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
			</view>
			<view class="nav_header">培福记录</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
				
			}
		},
		methods:{
			
			backHome() {
				uni.navigateBack({
					delta: 1
				});
		},	
	},
	}
</script>

<style>
	page{
			background-color:rgb(255,250,232,.2) ;
	}
	.nav{
	position:sticky;
	width: 100%;
	font-weight: 600;
	font-size: 50rpx;
	padding-bottom: 20rpx;
	}

	.nav .nav_back,.nav .nav_header{
		position: absolute;
		margin-top: 20rpx;
		
	}
	.nav .nav_header{
	  left: 50%;
		transform: translateX(-50%);
	}
	.nav_back{
		transform: translateX(20rpx);
	}
	
</style>