first commit

pages/forgetPassword/forgetPassword.css

@@ -0,0 +1,78 @@
+/* 主体开始 */
+.content-block{
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	margin-left: 40rpx;
+	margin-top: 46rpx;
+	margin-right: 40rpx;
+}
+/* 手机号开始 */
+.phone-block{
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	border-bottom: solid 1px #D9D9D9;
+	width: 670rpx;
+	align-items: flex-end;
+
+}
+
+.num{
+	font-size: 30rpx;
+	color: #333333;
+	margin-bottom: 24rpx;
+}
+.pull{
+	width: 44rpx;
+	height: 44rpx;
+	margin-bottom: 20rpx;
+}
+.phone{
+	 margin-left: 10rpx;
+	margin-bottom: 12rpx; 
+}
+.phone-placeholder{
+	color:#CCCCCC;
+	font-size:30rpx;
+}
+.phone-input{
+	font-size: 44rpx;
+	color: #333333;
+}
+.reset-block{
+	width: 88rpx;
+	height: 88rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.phone-pic{
+	width: 20rpx;
+	height: 20rpx;
+	margin-bottom: 32rpx; 
+}
+
+/* 手机号结束 */
+/* 下一步按钮开始 */
+.login-vercode{
+	width: 658rpx;
+	height: 80rpx;
+	margin-top: 80rpx;
+	background: #3982FC;
+	border-radius: 20px;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+}
+.text{
+		color: #6CA3FF;
+		font-size: 32rpx;
+}
+.textHigh{
+		color: #FFFFFF;
+		font-size: 32rpx;
+}
+/* 下一步按钮结束 */
+/* 主体结束 */

pages/forgetPassword/forgetPassword.vue

@@ -0,0 +1,90 @@
+<template>
+	<view class="">
+		<back :pageNameFlag="pageNameFlag" :showFlag="showFlag" :pageName='pageName' :errorMsg="errorMsg"></back>
+		<view class="content-block">
+			<view class="phone-block">
+				<view class="num">+86</view>
+				<image class="pull" src="/static/pic/pull.png"></image>
+				<view class="phone">
+					<input class="phone-input" placeholder="输入手机号"  :value="phoneNum" placeholder-class="phone-placeholder" type="number" @input="changePhoneNum" maxlength="11" confirm-type="done"/>
+				</view>
+				<view class="reset-block" @click="reset"  v-if="resetFlag==1">
+					<image class="phone-pic" src="/static/pic/close.png"></image>
+				</view>
+			</view>
+			<button class="login-vercode" v-if="nextFlag==0">
+				<view class="text">下一步</view>
+			</button>
+			<button class="login-vercode" v-if="nextFlag==1" @click="nextPage" :disabled="disabledFlag">
+				<view class="textHigh">下一步</view>
+			</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import back from '../../components/back.vue';
+	export default {
+		data() {
+			return {
+				pageNameFlag:1,
+				showFlag:0,
+				pageName:'忘记密码',
+				phoneNum:'',
+				resetFlag:0,
+				nextFlag:0,
+				errorMsg:'',
+				disabledFlag:false
+			}
+		},
+		methods: {
+			reset(){
+				this.phoneNum='';
+				this.resetFlag=0;
+				this.nextFlag=0
+			},
+			changePhoneNum(e){
+				var that = this;
+				if(e.detail.value.length>0){
+					that.phoneNum=e.detail.value;
+					that.resetFlag=1;
+				}else{
+					that.phoneNum='';
+					that.resetFlag=0;
+				}
+				if(e.detail.value.length>=10){
+					that.nextFlag=1
+				}else{
+					that.nextFlag=0
+				}
+			},
+			nextPage(){
+				var that=this;
+				that.disabledFlag=true;
+				if(that.phoneNum.length!=11){
+					that.showFlag=1;
+					that.errorMsg='请检查号码';
+					setTimeout(function() {
+						that.errorMsg='';
+						that.showFlag=0;
+						that.disabledFlag=false;
+					}, 5000);
+					return;
+				}else{
+					that.disabledFlag=false;
+					uni.navigateTo({
+						url:'../setNewPassword/setNewPassword?phoneNum='+this.phoneNum,
+					})
+				}
+				
+			}
+		},
+		components:{
+			back
+		}
+	}
+</script>
+
+<style>
+@import url("forgetPassword.css");
+</style>