zd_wechatApp/pages/infrastructure/infrastructure.vue

<template>
	<!-- 基建工程 -->
	<view>
		<view class="view-bg">
			<view class="uni-common-mt" style="width: 100%;">
				<text class="uni-title uni-common-pl">工程名称</text>
				<view style="width: 100%;padding-right: 20rpx;box-sizing: border-box;">
					<textarea class="textarea" placeholder="请输入建设单位" maxlength="100"
						placeholder-style="padding: 10rpx;"
						style="width: 100%;height: 100%;border: 1rpx solid #cccccc; border-radius: 15rpx;padding: 10rpx;line-height:normal;"
						auto-height v-model="projectName"></textarea>
				</view>
			</view>
			
				 
		</view>
	
		<view class="view-bg">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				projectId:"",
				projectName:"",
				buildUnit:"",
			}
		},
		methods: {
			
		}
	}
</script>

<style>

.container {
		display: flex;
		margin-left: 10px;
		margin-top: 10px;
		margin-right: 10px;
		align-items: flex-start;
		justify-content: space-between;
	}

	.text {
		font-size: 16px;
		color: #333;
	}

	.background {
		border: 15px solid hsla(0, 0%, 100%, .5);
		background: white;
		background-clip: padding-box;
		/*从padding开始往外面裁剪背景*/

	}

	.btn {
		margin-top: 40px;
		margin-right: 20px;
		margin-bottom: 120px;
		margin-left: 20px;
		height: 45px;
	}

	.number {
		display: flex;
		/* 水平居中显示子元素 */
		align-items: flex-start;
		/* 垂直居中显示子元素 */
		justify-content: space-between;
		/* 左右间距等于间距大小 */
		padding: 10px;
		/* 设置padding以提高视觉效果 */
	}

	.textarea {
		margin-top: 10upx;
		width: 100%;
		border: 1rpx solid red;
		min-height: 100upx;
		line-height: 20px;
	}

	.uni-list-cell-db,
	.uni-list-cell {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.uni-list-cell-left {
		white-space: nowrap;
		font-size: 28rpx;
	}


	.view-bg {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 8px;
		padding: 10px;
		background-color: #fff;
		border-radius: 5px;
	}

</style>