yizhizan-h5/pages/public/improvePrompt.vue

<template>
	<view class="container">
		<view>
			<image src="/static/images/slogan.png" class="slogan"></image>
			
			<view class="content">
				<image src="/static/images/logo-long.png" class="logo"></image>
				<view class="tip">温馨提示</view>
				<view class="tip-text">
					<template v-if="scene == 1">
						<view class="text">如果您的简历完善度不足80%</view>
						<view class="text">我们将无法进行推荐</view>
						<view class="text">为更好地求职机会，请充分填写简历</view>						
					</template>
					<template v-else>
						<view class="text">如果您的求职期望至少有一条，</view>
						<view class="text">且完善总分数大于等于60分</view>
						<view class="text">我们将进行简历推荐，请充分填写简历</view>		
					</template>
				</view>
			</view>
		</view>
		<view class="buttons">
			<template v-if="scene == 1">
				<view class="white-btn" @click="toOnlineResume">完善在线简历</view>
			</template>
			<template v-else>
				<view class="link-btn">手动完善简历</view>
				<view class="white-btn">附件简历一键识别</view>				
			</template>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				scene: 0, // 0正常进入  1邀请进入
			};
		},
		onLoad(options) {
			if (options.scene) {
				this.scene = options.scene
			}
		},
		methods: {
			toOnlineResume() {
				uni.navigateTo({
					url: `/pages/my/onlineResume?scene=${this.scene}`
				})
			}
		}
	}
</script>

<style lang="scss">
	.container {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 100vh;
		background-color: #016bf6;
		background-image: url('/static/images/bg1.png');
		background-size: 100%;
		background-repeat: repeat;
		.slogan {
			display: block;
			width: 634rpx;
			height: 358rpx;
			margin: 80rpx auto;
		}
		.content {
			width: 654rpx;
			padding: 64rpx;
			background-color: #fff;
			border-radius: 64rpx;
			margin: 0 auto;
			text-align: center;
			.logo {
				display: block;
				width: 166rpx;
				height: 46rpx;
				margin: 0 auto;
			}
			.tip {
				font-size: 40rpx;
				font-weight: bold;
				line-height: 64rpx;
				color: #016bf6;
				margin: 48rpx auto 15rpx;
			}
			.text {
				font-size: 32rpx;
				line-height: 50rpx;
				color: #999;
			}
		}
		
		.buttons {
			margin-bottom: 40rpx;
			.white-btn {
				width: 600rpx;
				height: 88rpx;
				font-size: 32rpx;
				line-height: 88rpx;
				text-align: center;
				color: #016bf6;
				background-color: #fff;
				border-radius: 88rpx;
				margin: 32rpx auto 0;
			}
			.link-btn {
				text-align: center;
				color: #fff;
			}
		}
	}
</style>