课程报名

pages.json

@@ -246,6 +246,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/parents/course/coursePrediction",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

pages/parents/course/coursePrediction.vue

@@ -0,0 +1,160 @@
+<template>
+	<view>
+		<u-navbar title="课程报名"></u-navbar>
+		<view class="infos">
+			<view class="item">
+				<view class="title">
+					<text class="asterisk">*</text>
+					<text>报名班级</text>
+				</view>
+				
+				<view class="value">
+					<text>足球体适能班</text>
+					<text class="icon"><u-icon name="arrow-right" color="#c8c8c8"></u-icon></text>
+				</view>
+				
+			</view>
+			<view class="item">
+				<view class="title">
+					<text class="asterisk">*</text>
+					<text>授课老师</text>
+				</view>
+				
+				<view class="value">
+					<text>瞿明祥</text>
+					<text class="icon"><u-icon name="arrow-right" color="#c8c8c8"></u-icon></text>
+				</view>
+				
+			</view>
+			
+		</view>
+		
+		<view class="infos">
+			<view class="item">
+				<view class="title">
+					<text class="asterisk">*</text>
+					<text>学员姓名</text>
+				</view>
+				
+				<view class="value">
+					<text class="add">请先添加子女信息</text>
+					<text class="icon"><u-icon name="arrow-right" color="#c8c8c8"></u-icon></text>
+				</view>
+				
+			</view>
+			<view class="item">
+				<view class="title">
+					<text>年龄</text>
+				</view>
+				
+				<view class="value">
+					<text class="placeholder">选择学员后自动显示</text>
+					
+				</view>
+				
+			</view>
+			<view class="item">
+				<view class="title">
+					<text class="asterisk">*</text>
+					<text>*联系人手机号</text>
+				</view>
+				
+				<view class="value">
+					<text >15500001111</text>
+					
+				</view>
+				
+			</view>
+			
+		</view>
+		
+		<view class="infos">
+			<view class="item">
+				<view class="title">
+					<text>第二联系人手机号</text>
+				</view>
+				
+				<view class="value">
+					<text class="placeholder">请填写手机号</text>
+					
+				</view>
+				
+			</view>
+			<view class="item">
+				<view class="title">
+
+					<text>接送家长姓名</text>
+				</view>
+				
+				<view class="value">
+					<text class="placeholder">请填写家长姓名</text>
+					
+				</view>
+				
+			</view>
+			
+		</view>
+	
+	   <view class="btn">
+	   	   <button >提交报名表</button>
+	   </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.infos{
+		padding: 0px 15px;
+		background-color: #fff;
+		margin-bottom: 12px;
+		.item{
+			display: flex;
+			justify-content: space-between;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+			padding: 12px 0;
+			.title{
+				color: #333333;
+				font-weight: bold;
+				.asterisk{
+					color: rgba(244, 68, 68, 1);
+				}
+			}
+			.value{
+				color: rgba(51, 51, 51, 1);
+				font-weight: bold;
+				.icon{
+					margin-left: 4px;
+				}
+				.add{
+					color: #FF3D00;
+				}
+				.placeholder{
+					color: #CCCCCC ;
+				}
+			}
+		}
+	}
+	.btn{
+		button{
+			width: 91.4%;
+			border-radius: 50px;
+			background-color: rgba(13, 186, 199, 1);
+			color: rgba(255, 255, 255, 1);
+			font-size: 16px;
+			line-height: 40px;
+		}
+	}
+	
+</style>