clsd/app/pages/job/enterprise/detail.vue

<template>
	<view>
		<view class="main">
			<view class="ms">
				<view class="icon gs">&#xe646;</view>
				<view class="con">
					<view class="mti">{{ item.name }}</view>
					<view class="address omit">{{ item.address }}</view>
				</view>
			</view>
		</view>
		<view class="bos">
			<view class="item b">法定代表人：</view>
			<view class="item">{{ item.legalPerson }}</view>
			<view class="item b">联系电话：</view>
			<view class="item">{{ item.phone }}</view>
			<view class="item b">电子邮箱：</view>
			<view class="item">{{ item.email }}</view>
			<view class="item b">注册资金：</view>
			<view class="item">{{ item.capital }}万人民币</view>
			<view class="item b">公司地址：</view>
			<view class="item">{{item.address}}</view>
			<view class="item b">公司介绍</view>
			<view class="item">{{ item.contents }}</view>
			<button class="btn" @click="go()">招聘职位</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {},
			param: { pageNum: 1, pageSize: 100, orderBy: 'id' }
		};
	},
	onLoad(e) {
		this.http.request({
			url: '/app/enterprise/detail/' + e.id,
			success: (res) => {
				this.item = res.data.data;
			}
		});
	},
	methods: {
		go(url) {
			uni.navigateTo({
				url: '/pages/job/enterprise/list?name=' + this.item.name + '&id=' + this.item.id
			});
		}
	}
};
</script>

<style lang="scss">
.ms {
	overflow: hidden;
	.gs {
		float: left;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: white;
		text-align: center;
		font-size: 30px;
		line-height: 47px;
	}
	.con {
		float: left;
		padding-left: 10px;
		width: 70%;
		.mti {
			font-weight: bold;
			padding-bottom: 5px;
		}
		.address {
			font-size: 13px;
		}
	}
}
.bos {
	background-color: white;
	padding: 20px;
	border-radius: 25px;
	.mtitle {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.item {
		font-size: 14px;
		padding-top: 7px;
	}
	.b {
		font-weight: bold;
	}
	.btn {
		width: 60%;
	}
}
</style>