From 030589aa22cd750abbd82c9fb2cbef0f5161de22 Mon Sep 17 00:00:00 2001
From: "453530270@qq.com" <aa123456>
Date: Wed, 25 Oct 2023 21:04:23 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E8=BE=93=E5=85=A5=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E7=A0=81=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json           |   9 ++++
 pages/smscodeerr.vue | 115 +++++++++++++++++++++++++++++++++++++++++++
 static/error.svg     |   6 +++
 3 files changed, 130 insertions(+)
 create mode 100644 pages/smscodeerr.vue
 create mode 100644 static/error.svg

diff --git a/pages.json b/pages.json
index 5168977..a3e275c 100644
--- a/pages.json
+++ b/pages.json
@@ -67,6 +67,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/smscodeerr",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
   "globalStyle": {
     // #ifdef H5
diff --git a/pages/smscodeerr.vue b/pages/smscodeerr.vue
new file mode 100644
index 0000000..7660eda
--- /dev/null
+++ b/pages/smscodeerr.vue
@@ -0,0 +1,115 @@
+<template>
+	<view class="gtsmscode">
+		<!-- 错误图标 -->
+		<view class="iconzone">
+			<view class="imgicon"><image class="iamge" mode="center" src="../static/error.svg"></image></view>
+			<view class="msgtit">验证码错误</view>
+			<view class="msgnote">获取验证码1分钟之内可重新输入，重新输入验证码失败请重新获取</view>
+		</view>
+		<view class="titzone">
+			<view class="title">请重新输入验证码</view>
+		</view>
+		
+		<view class="form-item">
+			<input class="form-item--input" type="number" maxlength="6" />
+		</view>
+		<view class="">
+			重新获取验证码
+		</view>
+		
+		<view class="form-item">
+			<button class="sbtn">确认重新输入</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		mounted() {
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.iconzone{
+	// padding: 1.2rem 1.2rem 0 1.2rem;
+	// padding-left: 24rpx;
+
+	.imgicon{
+		width: 100%;
+		display: flex;
+
+		.image{
+			// width: 36rpx;
+			height: 36rpx;
+			margin-left: auto;
+			margin-right: auto;
+		}
+	}
+	.msgtit{
+		line-height: 1.4;
+		font-weight: 800;
+		font-size: 36rpx;
+		text-align: center;
+	}
+	
+	.msgnote{
+		margin-top: 24rpx;
+		font-size: 28rpx;
+		line-height: 1.6;
+		color: #999;
+		text-indent: 20rpx;
+	}
+}
+
+.titzone{
+	margin-top: 46rpx;
+	padding-left: 1.08rem;
+	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%;
+    }
+	
+	.sbtn{
+		text-align: center;
+		background-color: #0F476E;
+		height: 76rpx;
+		line-height: 76rpx;
+		color: #fff;
+		font-size: 34rpx;
+		display: block;
+		width: 90%;
+	}
+}
+</style>
diff --git a/static/error.svg b/static/error.svg
new file mode 100644
index 0000000..8c77f2d
--- /dev/null
+++ b/static/error.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="110" height="110" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
+    
+    <g>
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" fill="rgba(245.05499999999998,96.9,95.115,1)"></path>
+    </g>
+  </svg>
\ No newline at end of file