uniapp-报名活动的功能

<template>
	<div class="body">
		<div class="body2">
			<div class="body3">
				<div class="input1">
					<div class="input1-1">
						<image src="../../static/收藏.png"></image>

					</div>
					<div class="input1-2">
						姓名
					</div>
					<div class="input1-3">
						<input type="text" placeholder="请输入姓名" v-model="username">
					</div>
				</div>

				<div class="input3">
					<div class="input1-1">
						<image src="../../static/收藏.png"></image>
					</div>
					<div class="input1-2">
						性别
					</div>
					<div class="input1-3">
						<picker class="pickers" :range="sexarrs" @change="sexsch" v-model="sexs">
							{
  {sexarrs[sexindex]}}
						</picker>
					</div>
					<div class="input1-4">
						<image src="../../static/预约报名_slices/组 [email protected]"></image>
					</div>
				</div>

				<div class="input3">
					<div class="input1-1">
						<image src="../../static/收藏.png"></image>
					</div>
					<div class="input1-2">
						班级
					</div>
					<div class="input1-3">
						<picker class="pickers" :range="classes" @change="cls" v-model="banji">
							{
  {classes[clas1]}}
						</picker>
					</div>
					<div class="input1-4">
						<image src="../../static/预约报名_slices/组 [email protected]"></image>
					</div>
				</div>

				<div class="input4">
					<div class="input1-1">
						<image src="../../static/收藏.png"></image>
					</div>
					<div class="input1-2">
						出生日期
					</div>
					<div class="input1-3">
						<picker class="picker" :range="datess" @change="clss" mode="multiSelector">
							<!-- {
  {datess[0][data1]}} {
  {datess[1][data2]}} {
  {datess[2][data3]}} > -->
							{
  {dataes}}
						</picker>
					</div>
					<div class="input1-4">
						<image src="../../static/预约报名_slices/组 [email protected]"></image>
					</div>
				</div>

				<div class="input2">
					<div class="input1-1">
						<image src="../../static/收藏.png"></image>
					</div>
					<div class="input1-2">
						指导老师
					</div>
					<div class="input1-3">
						<input type="text" placeholder="请输入