<template>
	<view>
		<u-navbar title="详情"></u-navbar>
		<view class="resumeInfo">
			<view class="resumeInfo-company">
				<u-avatar :src="company.logo" size="100" mode="square"></u-avatar>
				<view class="resumeInfo-company-text">
					<view class="resumeInfo-company-name">
						<h3> {{company.name}}</h3>
						<view class="u-flex">
							<p>{{info.typeN}}</p>
							<u-line color="#ccc" length="20" direction="col" margin="0 20rpx"/>
							<span>{{info.createTime}}</span>
						</view>
					</view>	
				</view>
			</view>
			<view class="resumeInfo-main" v-html="info.content">
				
			</view>
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default api;
</script>

<style scoped lang="scss">
	
	.resumeInfo{
		background-color: #fff;
		padding: 20rpx;
		margin-bottom: 20rpx;	
	}
	.resumeInfo-company{
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		.resumeInfo-company-text{
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex: 1;
			margin-left: 20rpx;
		}
		.resumeInfo-company-name{
			h3{
				margin-bottom: 10rpx;
				font-size: 36rpx;
			}
			p{
				color:#1677FF
			}
			span{
				color:#999;
				font-size: 24rpx;
			}
		}
	}
	.resumeInfo-main{
		border-top: 1px solid #f7f7f7;
		padding-top: 20rpx;
	}
</style>
