<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>