人脸信息采集

pages.json

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

pages/parents/mine/faceInformationCollection.vue

@@ -0,0 +1,137 @@
+<template>
+	<view>
+		<u-navbar title="人脸信息采集" >
+		
+		</u-navbar>
+		<view class="main">
+			<view class="item">
+				<view class="title">
+					<view class="asterisk">
+						*
+					</view>
+					<view class="text">
+						采集对象
+					</view>
+				</view>
+				<view class="value">
+					<view class="text">
+						周梓轩
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#c8c8c8"></u-icon>
+					</view>
+				</view>
+				
+			</view>
+			
+			<view class="item display-none">
+				<view class="title">
+					<view class="asterisk">
+						*
+					</view>
+					<view class="text">
+						上传照片
+					</view>
+				</view>
+				<view class="photo">
+					<view class="img-box">
+						<img src="../../../assets/img/fas fa-camera Copy@1x(1).png" alt="">
+					</view>
+					
+				</view>
+				
+				<view class="tips">
+					<text>*</text>照片将用于人脸识别设备，请上传清晰的免冠登记照或肩部以上近照。
+				</view>
+				
+				
+			</view>
+			
+		</view>
+		<button class="save">保存</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main{
+		background-color: #fff;
+		padding: 0 15px 27px 15px;
+		.item{
+			display: flex;
+			justify-content: space-between;
+			line-height: 88rpx;
+			border-bottom: 1px solid rgba(244, 244, 244, 1);
+			.title{
+				display: flex;
+				align-items: center;
+				.text{
+					margin-left: 4rpx;
+				}
+				.asterisk{
+					color: #f44444;
+				}
+			}
+			.value{
+				display: flex;
+				align-items: center;
+				.text{
+					color: rgba(51, 51, 51, 1);
+					margin-right: 8rpx;
+					
+				}
+			}
+			.photo{
+				  padding: 16rpx 134rpx 28rpx 134rpx;
+				.img-box{
+					width: 422rpx;
+					height: 566rpx;
+					border-radius: 8px;
+					background-color: rgba(232, 232, 232, 1);
+					text-align: center;
+					display: table-cell;
+					vertical-align: middle;
+					img{
+						width: 96rpx;
+						height: 96rpx;
+						
+						
+					}
+				}
+			}
+			.tips{
+				padding: 0 80rpx;
+				line-height: 40rpx;
+				color: #7D7D7D;
+				font-weight: bold;
+				text{
+					color: rgba(255, 0, 0, 1);
+
+				}
+			}
+		}
+	}  
+	.display-none{
+		display: block !important;
+	}
+	.save{
+		margin: 56rpx 64rpx;
+		border-radius: 50px;
+		background-color: rgba(13, 186, 199, 1);
+		color: rgba(255, 255, 255, 1);
+		font-size: 32rpx;
+		line-height: 88rpx;
+	}
+</style>