短信验证码

app.scss

@@ -2,7 +2,7 @@
 @import "/utils/utils.scss";
 
 page {
-  background: #fafafa;
+  // background: #fafafa;
 }
 
 @-webkit-keyframes rotate {

pages.json

@@ -58,7 +58,16 @@
       }
     }
 
-  ],
+      ,{
+            "path" : "pages/gtsmscode",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
   "globalStyle": {
     // #ifdef H5
     // "navigationStyle": "custom",

pages/gtsmscode.vue

@@ -0,0 +1,63 @@
+<template>
+	<view class="gtsmscode">
+		<view class="titzone">
+			<view class="title">请输入验证码</view>
+		</view>
+		
+		<view class="form-item">
+			<input class="form-item--input" type="number" maxlength="6" />
+		</view>
+		<view >
+			59 秒后重新发送验证码
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		mounted() {
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.titzone{
+	padding: 2.2rem;
+	font-size: 36rpx;
+	font-weight: 800;
+}
+
+// 输入框元素
+.form-item {
+    display: flex;
+    padding: 18rpx;
+    border-bottom: 1rpx solid #f3f1f2;
+    margin-bottom: 30rpx;
+    height: 126rpx;
+
+    &--input {
+      font-size: 36rpx;
+      letter-spacing: 1rpx;
+      flex: 1;
+      height: 100%;
+	  line-height: 100%;
+	  background-color: #F8F8F8;
+	  padding-left: 12rpx;
+	  border-bottom: #000 1rpx dashed;
+    }
+
+    &--parts {
+      min-width: 100rpx;
+      height: 100%;
+    }
+}
+</style>