<template>
	<template v-if="intoRegister">
		<a-row type="flex" justify="center" class="content-padding-inline register-box">
			<a-col span="14">
				<job-register></job-register>
			</a-col>
		</a-row>
	</template>
	<template v-else>
		<job-swiper></job-swiper>
		<a-row type="flex" justify="center" class="content-padding-inline">
			<a-col span="18">
				<home-hot></home-hot>
				<home-job></home-job>
			</a-col>
		</a-row>
	</template>
</template>

<script setup lang="ts">
	import { ref, computed } from 'vue';
	import JobSwiper from '@/components/job/swiper/index.vue'
	import HomeHot from '@/views/home/hot/index.vue'
	import HomeJob from '@/views/home/job/index.vue'
	import JobRegister from '@/components/job/register/index.vue'
	import { store } from '@/store/index';
	let intoRegister = computed(() => {
		return store.state.intoRegister
	})
</script>

<style lang="less" scoped>
	.register-box {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ffffff;
		// background-image: url('https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/V-_oS6r-i7wAAAAAAAAAAAAAFl94AQBr');
	}
</style>