yunshengtai-uniapp/pages/demandHall/newProject/index.vue

<template>
	<!--pages/release/companyAuth/index.wxml-->
	<view class="auth-page">
		<view class="company-info-box">
			<view class="form-item acea-row row-between row-middle">
				<view class="label">项目名称<text class="asterisk">*</text></view>
				<view class="inp-box">
					<input type="text" :value="form.legalPersonName" @input="inpChange" data-type="name"
						placeholder="请输入">
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">项目领域<text class="asterisk">*</text></view>
				<view class="inp-box">
					<picker class="pick-box" @change="" mode="selector">
						<view class="picker row-middle">{{'请选择'}}
							<image src="../../../static/images/arror-right.png" mode="" class="toright"></image>
						</view>
					</picker>
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">融资阶段<text class="asterisk">*</text></view>
				<view class="inp-box">
					<picker class="pick-box" @change="" mode="selector">
						<view class="picker row-middle">{{'请选择'}}
							<image src="../../../static/images/arror-right.png" mode="" class="toright"></image>
						</view>
					</picker>
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">融资金额<text class="asterisk">*</text></view>
				<view class="inp-box">
					<input type="text" @input="inpChange" data-type="" placeholder="请输入（必填）">
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">项目标签<text class="asterisk">*</text></view>
				<view class="inp-box">
					<picker class="pick-box" @change="" mode="selector">
						<view class="picker row-middle">{{'请选择（3项）'}}
							<image src="../../../static/images/arror-right.png" mode="" class="toright"></image>
						</view>
					</picker>
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">项目图片<text class="asterisk">*</text></view>
				<view class="inp-box">
					<picker class="pick-box" @change="" mode="selector">
						<view class="picker row-middle">{{'上传'}}
							<image src="../../../static/images/arror-right.png" mode="" class="toright"></image>
						</view>
					</picker>
				</view>
			</view>
			<view class="form-item acea-row row-between row-middle">
				<view class="label">所属区域<text class="asterisk">*</text></view>
				<view class="inp-box">
					<picker class="pick-box" @change="" mode="selector">
						<view class="picker row-middle">{{'请选择'}}
							<image src="../../../static/images/arror-right.png" mode="" class="toright"></image>
						</view>
					</picker>
				</view>
			</view>
			<view class="form-item ">
				<view class="label">项目亮点<text class="asterisk">*</text></view>
				<view class="area-box">
					<textarea value="" placeholder="请填写项目亮点" class="input"/>
				</view>
			</view>
			<view class="form-item ">
				<view class="label">项目详情<text class="asterisk">*</text></view>
				<view class="area-box">
					<textarea value="" placeholder="请填写项目详细信息" class="input"/>
				</view>
			</view>
		</view>
		<view class="submit-btn" @tap="submit">保存并提交</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>
<style>
	page {
		background-color: #F8F8F8;
		font-size: 28rpx;
	}

	label {
		margin-right: 40rpx;
	}

	.company-info-box {
		width: 100%;
		padding: 0rpx 40rpx;
		margin-top: 32rpx;
		background-color: #fff;
	}

	.form-item {
		font-size: 28rpx;
		color: #1D1D1D;
		padding: 45rpx 0;
		border-bottom: 2rpx solid #EEEEEE;
	}

	.form-item .inp-box {
		width: 70%;
		text-align: right;
	}
	.inp-box{
		color: #848484;
	}

	.asterisk {
		color: #FF6D31;
	}

	.toright {
		width: 10rpx;
		height: 20rpx;
		margin-left: 10rpx;
	}
	.area-box{
		width: 100%;
		height: auto;
		min-height: 134rpx;
		background-color: #F2F2F2;
		border-radius: 12rpx;
		margin-top: 14rpx;
	}
	.input{
		width: 100%;
		height: auto;
		min-height: 134rpx;
		padding: 12rpx 24rpx;     
	}
	.submit-btn {
		width: 670rpx;
		height: 76rpx;
		background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%);
		border-radius: 38rpx;
		color: #fff;
		font-size: 28rpx;
		line-height: 76rpx;
		text-align: center;
		margin: 40rpx auto;
	}
</style>