实名第一步

pages.json

@@ -92,6 +92,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/verfiy/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
   "globalStyle": {
     // #ifdef H5

pages/verfiy/index.vue

@@ -0,0 +1,97 @@
+<template>
+	<view class="verfiy_name">
+		<view class="vnf-tit">
+			<view class="vntit">请填写实名认证信息</view>
+			<view class="vntips">填写时，请保证输入信息的真实性</view>
+		</view>
+		<view class="form-group">
+			<view class="form-item">
+				<input type="text" v-model="rname" class="form-item--input" placeholder="请输入手机号持有人姓名"/>
+			</view>
+			
+			<view class="form-item">
+				<input type="text" v-model="rid" maxlength="18"  class="form-item--input" placeholder="请输入手机号持有人身份证号"/>
+			</view>
+		
+		</view>
+		<view class="gtbtnzone">
+			<button class="gtbtn" @click="next">下一步</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				//姓名
+				rname:"",
+				// 身份证
+				rid:"",
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.verfiy_name{
+	height: 100%;
+	overflow: hidden;
+	position: relative;
+}
+
+.vnf-tit{
+	width: 100%;
+	padding-left: 36rpx;
+	margin-top: 46rpx;
+	
+	.vntit{
+		font-size: 46rpx;
+		line-height: 1.6;
+	}
+	.vntips{
+		padding: 10rpx;
+		font-size: 22rpx;
+		color: #999;
+	}
+}
+.form-group{
+	padding-left: 10rpx;
+	padding-right: 10rpx;
+	margin-top: 44rpx;
+	
+  // 输入框元素
+  .form-item {
+    display: flex;
+    padding: 18rpx;
+    border-bottom: 1rpx solid #f3f1f2;
+    margin-bottom: 30rpx;
+    height: 126rpx;
+
+    &--input {
+      font-size: 28rpx;
+      letter-spacing: 1rpx;
+      flex: 1;
+      height: 100%;
+	  background-color: #F8F8F8;
+    }
+  }
+}
+
+.gtbtnzone{
+	position: fixed;
+	left: 0%;
+	bottom: 3%;
+	height: 44rpx;
+	width: 100%;
+	
+	.gtbtn{
+		background: #10476E;
+		color: #fff;
+	}
+}
+
+</style>