tianmucloudmobile/pages/regist/index.vue

<template>

	<view class="login-form-content">
		<view class="input-item flex align-center">
			<view class="iconfont icon-user icon"></view>
			<input v-model="loginForm.username" class="input" type="text" placeholder="客户名称" maxlength="30" />
		</view>
		<view class="input-item flex align-center">
			<view class="iconfont icon-password icon"></view>
			<input v-model="loginForm.password" type="password" class="input" placeholder="联系人" maxlength="20" />
		</view>
		<view class="input-item flex align-center">
			<view class="iconfont icon-password icon"></view>
			<input v-model="loginForm.password" type="password" class="input" placeholder="电话" maxlength="20" />
		</view>
		<view class="input-item flex align-center">
			<view class="iconfont icon-password icon"></view>
			<input v-model="loginForm.password" type="password" class="input" placeholder="联系人" maxlength="20" />
		</view>
	</view>

</template>

<script>
	export default {
	  onLoad: function() {
	  }
	}
</script>

<style  lang="scss">
	.input-item {
	  margin: 20px auto;
	  background-color: #f5f6f7;
	  height: 45px;
	  border-radius: 20px;
	  .icon {
	    font-size: 38rpx;
	    margin-left: 10px;
	    color: #999;
	  }
	  .input {
	    width: 100%;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: left;
	    padding-left: 15px;
	    //background: rgb(224,236,255);
	  }
	}
</style>