<template>
	<view class="container">
		<navBar title="推广大使" :back="true" color="#333333" background="#FFFFFF" />

		<view class="topBox">
			<view class="top">
				<view class="en">
					PROMOTION AND RECRUI
				</view>
				<view class="zh">
					推广大使招募
				</view>
			</view>
			<view class="bot">
				入驻说明，加入分销商需要沟通买399年卡会员，联系客服开通
			</view>
		</view>

		<view class="form">
			<view class="sanjiaoxing">
			</view>
			<view class="titleBox">
				推荐奖励明细
			</view>
			<view class="inputbox">
				<input type="text" class="name" placeholder="输入姓名" v-model="formData.name" />
				<input type="text" class="phone" placeholder="输入手机号" v-model="formData.phone" />
			</view>
			<view class="tipBox">
				<image src="../../../static/tabbar/my.png" mode="" class="info"></image>
				我已阅读并同意以上规则以及
				<text> 推广员功能服务协议</text>
			</view>
		</view>


		<view class="btnBox">
			<view class="btn" @click="apply">
				申请成为推广大使
			</view>
		</view>
	</view>
</template>

<script>
	// import navBar from '@/components/navBar/index.vue'
	export default {
		// components: {
		// 	navBar
		// },
		data() {
			return {
				formData: {
					name: '',
					phone: ''
				}
			}
		},
		onLoad() {

		},
		methods: {
			apply() {
				console.log('form', this.formData);
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "./index.scss";
</style>