zh_order_food_xcx/pages-my/rider-recruit.vue

<template>
	<view class="flex-common-css">
		<Nav title="骑手招聘" titleColor="#333" bgckgroundBox='#fff'></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css content-box">
			<image class="zp-bg" src="@/static/img/my/zp.png" mode=""></image>
			<view class="info-box box-border-box">
				<image class="sxnr mb-32" src="@/static/img/my/sxnr.png" mode=""></image>
				<image class="jrlc mb-48" src="@/static/img/my/jrlc.png" mode=""></image>
				<view class="title-box fs-36 fc-3 fw-b text-align-center mb-24">
					校园实习生申请表
				</view>
				<view class="bgc-f b-rad-20">
					
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {};
		},
		onLoad(data) {},
		mounted() {},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
.content-box{
	position: relative;
}
.zp-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1448rpx;
	z-index: 0;
}
.info-box{
	padding: 436rpx 32rpx 0;
	position: relative;
	z-index: 1;
}
.sxnr{
	width: 448rpx;
	height: 98rpx;
}
.jrlc{
	width: 684rpx;
	height: 142rpx;
}
.title-box{
	width: 320rpx;
	height: 72rpx;
	line-height: 72rpx;
	background: linear-gradient( 90deg, #43AFF6 0%, rgba(161,255,227,0.4) 26%, #DAE6FF 100%);
	border-radius: 12rpx;
}
</style>