yd_qycpfb/jp-mobile/pages/buildInfo/buildInfo.vue

<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-blue">
			<block slot="content">楼宇详情</block>
		</cu-custom>
		
		<view class="info-item">
			<view class="info-name">照片:</view>
			<view class="info-content">
				
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">楼宇名称:</view>
			<view class="info-content">
				潘黄街道园区A楼宇
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">楼宇面积:</view>
			<view class="info-content">
				100平方米
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">楼宇负责人:</view>
			<view class="info-content">
				王平平
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">联系方法:</view>
			<view class="info-content">
				13948738922
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">企业入驻数:</view>
			<view class="info-content">
				30
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">员工数:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="button-box">
			<button class="bg-gradual-blue shadow-blur round cu-btn block lg">编辑</button>
		</view>
	</view>
</template>

<script>
	
	export default {
		
		components:{
			
		},
		data() {
			return {
				id: '1853354258184011778'
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.phly{
	font-size: 36rpx;
	padding-left: 30rpx;
	line-height: 48rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	border-bottom: 1rpx solid #ddd;
}

.info-item{
	display: flex;
	border-bottom: 1rpx solid #ddd;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.info-name{
	font-size: 32rpx;
	width: 200rpx;
	text-align: right;
	line-height: 48rpx;
	color: #333;
}

.info-content{
	width: 550rpx;
	line-height: 48rpx;
	padding-left: 20rpx;
	font-size: 30rpx;
}

.button-box{
	width: 600rpx;
	margin-top: 100rpx;
	margin-left: auto;
	margin-right: auto;
}
</style>