zx_flk_app/pages/addUser/addUser.vue

<template>
	<view class="add-user-view">
		<view class="flex-row email-input-view">
			<input class="email-input-style" type="email" placeholder="请输入被邀人邮箱号"  placeholder-style="font-size: 32rpx; font-weight: 400; color: #BAC1D0;">
			<img class="clear-btn" src="https://qiniu.bms16.com/Fjpf2YnHUK1_CFf20kKRvjX9YdC3" alt="">
		</view>
		<view class="next-btn next-btn-i">下一步</view>
	</view>
</template>

<script>
	var config = require('../../common/config.js');
	export default {
		data() {
			return {
				
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
		},
		methods: {

		}
	};
</script>
<style>
.add-user-view{
	background-color: #FFF;
	height: 100vh;
	padding: 32rpx;
}
.email-input-style{
	width: 100%;
	padding: 20rpx 60rpx 20rpx 20rpx;
	margin-bottom: 20px;
	border-radius: 24rpx;
	border: 4rpx solid #060809;
	font-weight: 400;
	font-size: 32rpx;
	color: #BAC1D0;
	caret-color: #0A59F7;
}
.email-input-view{
	position: relative;
}
.next-btn{
	height: 88rpx;
	line-height: 88rpx;
	font-weight: 600;
	font-size: 32rpx;
	color: #FFFFFF;
	text-align: center;
	background: #060809;
	border-radius: 44rpx;
}
	
.next-btn-i{
	opacity: 0.2;
}
.clear-btn{
	position: absolute;
	width: 40rpx;
	height: 40rpx;
	right: 36rpx;
	top: 28rpx;
}
</style>