<template>
	<view class="text-input">
		<view class="message">
			<view class="label">
				<!-- <text class="text">名字</text> -->
				<slot name="text"></slot>
			</view>
			<view class="custom">
				<!-- <input class="input" type="text" placeholder="请输入名字" placeholder-style="font-size:35rpx"/> -->
				<slot name="input"></slot>
			</view>
		</view>
		<view class="line"></view>
	</view>
</template>

<script>
	
</script>

<style lang="scss" scoped>
.text-input{
	.message{
		display: flex;
		align-items: center;
		padding: 25rpx 25px;
		.label{
			width: 150rpx;
			font-size: 30rpx;
			font-weight: bold;
		}
		.custom{
			padding-left: 0;
		}
	}
	
	.line{
		width: 90%;
		height: 0;
		border: 1px solid #f8f8f8;
		margin: 0 auto;
	}
}
</style>