yd_qycpfb/jp-mobile/pages/comInfo/comInfo.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">
				潘黄街道园区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="info-item">
			<view class="info-name">上次交租时间:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">上一年度销售额:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">上一年度入库税收:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">本年度销售额:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">本年度入库税收:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">车辆数:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">用电耗能数据:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">是否上市:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">是否融资:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">是否高企:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">是否为省市创业大赛获得者:</view>
			<view class="info-content">
				300
			</view>
		</view>
		
		<view class="info-item">
			<view class="info-name">消防器材数:</view>
			<view class="info-content">
				300
			</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 {
			}
		},
		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: 300rpx;
	text-align: right;
	line-height: 48rpx;
	padding-left: 20rpx;
	color: #333;
}

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

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