carrent-front/pages/identity/index.vue

<template>
	<view>
		<view class="se-fs-40 se-fw-6 se-ta-c se-pt-120">
			请选择您的身份
		</view>
		<view @click="onBusiness" class="business se-mt-80 se-br-10 se-mx-35 se-bgc-red se-flex se-flex-h-sb se-w-680 se-h-240 se-fs-48 se-c-white">
			<text class="se-ml-80">企业</text>
			<image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525122.png" mode=""></image>
		</view>
		<view @click="onPerson" class="master se-mt-80 se-br-10 se-mx-35 se-bgc-orange se-flex se-flex-h-sb se-w-680 se-h-240 se-fs-48 se-c-white">
			<text class="se-ml-80">个人</text>
			<image class="se-a-170 se-br-p-50 se-mr-80" src="@/static/image/7525121.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				userStatus:null,
			}
		},
		onLoad(options) {
			if(options.userStatus){
				this.userStatus = options.userStatus
			}
		},
		methods:{
			onBusiness(){
				uni.navigateTo({
					url:"/pages_subpack/business/index?userStatus="+this.userStatus
				})
			},
			onPerson(){
				uni.navigateTo({
					url:"/pages_subpack/person/index?userStatus="+this.userStatus
				})
			}
		}
	}
</script>

<style>
	.business{

		width: 690rpx;
		height: 240rpx;
		background: #f0a921;
		border: 8rpx solid rgba(255,255,255,0.64);
		border-radius: 16rpx;
	}
	.master{
		width: 690rpx;
		height: 240rpx;
		background: #87bf53;
		border: 8rpx solid rgba(255,255,255,0.64);
		border-radius: 16rpx;
	}
</style>