yiliangyiyun-app/pageD/identity/driverIdentityLook.vue

<template>
	<view class="center">
		<view>
			<view class="labels">司机信息</view>
			<button type="default">身份证正面</button>
			<button type="default">身份证反面</button>
			<view class="c-row b-b">
				<text class="tit">姓名</text>
				<view class="con-list">
					<input placeholder="请填写姓名" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">身份证号</text>
				<view class="con-list">
					<input placeholder="请填写身份证号" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">手机号</text>
				<view class="con-list">
					<input placeholder="请填写手机号" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">常驻城市</text>
				<view class="con-list">
					<input placeholder="请填写常驻城市" name="input" @input="addressInput"></input>
				</view>
			</view>
		
		
		</view>
		<view class="margin-top">
			<view class="labels">货车信息</view>
			<view class="labels"> 车辆 -？</view>
			<view class="c-row b-b">
				<text class="tit">车牌号</text>
				<view class="con-list">
					<input placeholder="请填写车牌号" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">车型</text>
				<view class="con-list">
					<input placeholder="请填写车型" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">不含车头车长（米）</text>
		         <view class="con-list">
		         	<input placeholder="请填写车长" name="input" @input="addressInput"></input>
		         </view>
			</view>
			<view class="c-row b-b">
				<text class="tit">载重（吨）</text>
				<view class="con-list">
					<input placeholder="请填写载重（吨）" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">出厂年份</text>
				<view class="con-list">
					<input placeholder="请填写载重（吨）" name="input" @input="addressInput"></input>
				</view>
			</view>
			
			
		</view>
		<view class="margin-top">
			<view class="labels">账户信息</view>
			<view class="labels"> 账户 -？</view>
			<view class="c-row b-b">
				<text class="tit">账户类型</text>
				<view class="con-list">
					<input placeholder="请填写账户类型" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">银行卡照片（可选）</text>
				<view class="con-list">
					<input placeholder="请上传照片" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">银行卡号</text>
				<view class="con-list">
					<input placeholder="请输入银行卡号" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户行</text>
				<view class="con-list">
					<input placeholder="请输入开户行" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">开户支行</text>
				<view class="con-list">
					<input placeholder="请输入开户支行" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">收款人姓名</text>
				<view class="con-list">
					<input placeholder="请输入收款人姓名" name="input" @input="addressInput"></input>
				</view>
			</view>
			<view class="c-row b-b">
				<text class="tit">收款人身份证号</text>
				<view class="con-list">
					<input placeholder="请输入收款人身份证号" name="input" @input="addressInput"></input>
				</view>
			</view>
		</view>
		<view class="margin-top">
				<view class="labels">上传附件</view>
			
			<button type="default">行驶证</button>
			<button type="default">驾驶证</button>
			<button type="default">道路运营证</button>
			<button type="default">从业资格证</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
	
			}
		},
		methods: {
		
		}
	}
</script>

<style>
	.center{
		padding: 10px 20px;
	}
	.labels{
		font-size: 16px;
		font-weight: 400;
	}
	.c-row {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    padding: 20rpx 30rpx;
	    position: relative;
	}
	.con-list {
	    -webkit-box-flex: 1;
	    -webkit-flex: 1;
	    flex: 1;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	    color: #303133;
	    line-height: 40rpx;
	    text-align: right;
	    padding-right: 20rpx;
		font-size: 14px;
	}
</style>