<template>
	<view>
		<view class="item_job" v-for="(item, index) in list" :key="index" @click="go('/pages/job/detail?id=' + item.id)">
			<view class="top">
				<view class="title omit">{{ item.title }}</view>
				<view class="salary">{{ item.salary }}</view>
			</view>
			<view class="con">
				<text class="desc">{{ item.experience == '不限' ? '经验不限' : item.experience + '经验' }}</text>
			</view>
			<view class="bot">
				<view class="address omit">
					<text>{{ item.regionName || '地点不限' }}</text>
					<text class="icon" v-if="item.location">&#xe757;</text>
					<text>{{ item.location || '' }}</text>
				</view>
				<view class="distance" v-if="item.distance">距离你{{ item.distance }}km</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'job',
	props: {
		list: {
			type: Array
		}
	},
	data() {
		return {};
	},
	methods: {
		go(url) {
			uni.navigateTo({ url: url });
		}
	}
};
</script>

<style lang="scss"></style>
