uniapp-报名活动的功能

范闲~

已于 2022-05-31 13:22:06 修改

阅读量413

点赞数

分类专栏： uniapp 文章标签： elementui vue.js sass

于 2022-05-31 13:15:12 首次发布

本文链接：https://blog.csdn.net/m0_60708088/article/details/125063799

版权

本文介绍了如何使用uniapp结合elementui和vue.js开发报名活动功能。通过讲解，详细阐述了从界面设计到业务逻辑实现的过程，包括使用sass进行样式定制，实现了用户注册、活动信息展示和报名交互等关键步骤。

摘要由CSDN通过智能技术生成

<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/组 53073@3x.png"></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/组 53073@3x.png"></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/组 53073@3x.png"></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="请输入指导