sgyc/公司-招聘-人才/hires.vue

<template>
	<div>
		<ul class="company-con">
			<li v-for="item,index in company">
				<img :src="item.imgArr" alt="">
				<label>{{item.companyname}}</label>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'hire',
		data(){
			return{
				company:[
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						},
						{
							imgArr:'../../../assets/expo2019.png',
							companyname:'苏州天泓燃气有限公司'
						}
					]
			}
	}
}
</script>

<style>
body{
	position: relative;
}
.company-con{
	width: 100%;
	height: 35vh;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	position: absolute;
}
.company-con > li{
	width: 17.5rem;
	height: 20vh;
	background-color: #fafafa;
	border: 1px solid #dfdbda;
	position: absolute;
}
.company-con > li > img{
	width: 50%;
	height: 13vh;
	margin-left: 4.5rem;
}
.company-con> li:nth-child(1){
	top: 36rem;
	left: 12.4rem;
}
.company-con> li:nth-child(2){
	top: 36rem;
	left: 30.5rem;
}
.company-con> li:nth-child(3){
	top: 36rem;
	left: 48.6rem;
}
.company-con> li:nth-child(4){
	top: 36rem;
	left: 66.7rem;
}
.company-con> li:nth-child(5){
	top: 46.2rem;
	left: 12.4rem;
}
.company-con> li:nth-child(6){
	top: 46.2rem;
	left: 30.5rem;
}
.company-con> li:nth-child(7){
	top: 46.2rem;
	left: 48.6rem;
}
.company-con> li:nth-child(8){
	top: 46.2rem;
	left: 66.7rem;
}
.company-con > li > label{
	color: #00030c;
	font-size: 13px;
	position: absolute;
	left: 75px;
	bottom: 10px;
}
</style>