<template>
	<view class="login-wrap p-t-50">
		<!--注册 -->
		<view class="p-30">
			<view class=" p-b-160 tc">
				<image src="../../static/img/logo.png" class="logo" mode=""></image>
			</view>
			<u-button text="提 交" color="linear-gradient(to right, rgb(242, 25, 11), rgb(242, 57, 13))" shape="circle"></u-button>
				
		</view>
		<!--绑卡 -->
		<view class=" p-30">
			<view class=" p-b-100">
				<u-input
					placeholder="请输入您的员工号/卡号"
					v-model="value"
					@change="change"
					shape="circle"
					border="surround"
				></u-input>
			</view>
			<u-button text="提 交" color="linear-gradient(to right, rgb(242, 25, 11), rgb(242, 57, 13))" shape="circle"></u-button>
				
		</view>
		<!--绑定礼品卡 -->
		<view class=" p-30">
			<view class=" p-b-50">
				<u-input
					placeholder="请输入卡号"
					v-model="value"
					@change="change"
					shape="circle"
					border="surround"
				></u-input>
				
			</view>
			<view class=" p-b-100">
				<u-input
					placeholder="请输入密码"
					v-model="value"
					@change="change"
					shape="circle"
					border="surround"
				></u-input>
			</view>
			<u-button text="提 交" color="linear-gradient(to right, rgb(242, 25, 11), rgb(242, 57, 13))" shape="circle"></u-button>
		</view>
		
		 
		
	</view>
</template>	
<script>
	export default {
	    data() {
	        return {
			  value: ''
	        }
	    },
	    methods: {
			change(e) {
			   
			}

	    }
	}
</script>
<style scss="lang">
 .logo{
	 width:200rpx ;
	 height:200rpx ;
 }
</style>