[本时生活h5端]

pages/draw/setPassword.vue

@@ -0,0 +1,111 @@
+<template>
+    <view class="content">
+        <image class="drawTitle" src="@/static/img/draw-title.png" mode="widthFix"></image>
+        <view class="campus-cont">
+            <form @submit="forgetlogin">
+        		<view class="campus-inputs">
+        		    <image class="campus-form-icon" src="/static/img/draw_login_03.png" mode="aspectFill"></image>
+        		    <input class="campus-form-input" maxlength="6" type="password" placeholder="请设置登录密码" name="password" placeholder-style="color:#c9c9c9;"></input>
+        		</view>
+                <view class="campus-inputs">
+                    <image class="campus-form-icon" src="/static/img/draw_login_03.png" mode="aspectFill"></image>
+                    <input class="campus-form-input" maxlength="6" type="password" placeholder="请确认登录密码" name="newpassword" placeholder-style="color:#c9c9c9;"></input>
+                </view>
+        		<button class="campus-form-btn" form-type="submit">立即找回</button>
+            </form>
+        </view>
+        
+    </view>
+</template>
+
+<script>
+    import { passSetup } from '@/apis/interfaces/auth'
+    export default {
+        data() {
+            return {
+            }
+        },
+        // 生命周期函数--监听页面显示
+        onShow() {
+            // 存储环境-用户抽奖活动
+            getApp().globalData.envType = 'drawEnv'
+        },
+        methods: {
+            // 立即登录
+            forgetlogin(e){
+                let newPass  = e.detail.value.newpassword || '',
+            		password = e.detail.value.password || ''
+            	passSetup({
+            		password: password,
+            		password_confirmation: newPass
+            	}).then(res => {
+            		uni.showToast({
+            			title: "密码重置成功",
+            			icon : 'none'
+            		})
+            		uni.reLaunch({
+            		    url: '/pages/draw/index'
+            		})
+            	}).catch(err =>{
+            		uni.showToast({
+            			title: err.message,
+            			icon : 'none'
+            		})
+            	})
+            }
+        }
+    }
+</script>
+
+<style lang="scss">
+	page {
+	    background-color: #f67b5a;
+	}
+	
+	.drawTitle {
+	    width: 100%;
+	}
+	
+	.campus-cont {
+	    padding: 10rpx 50rpx 0;
+	    box-sizing: border-box;
+	    .campus-inputs {
+	        background-color: #FFFFFF;
+	        border-radius: 10rpx;
+	        margin-bottom: 30rpx;
+	        height: 100rpx;
+	        line-height: 100rpx;
+	        display: flex;
+	        padding: 0 30rpx;
+	        box-sizing: border-box;
+	        .campus-form-icon {
+	            width: 50rpx;
+	            height: 50rpx;
+	            margin: 25rpx 20rpx 0 0;
+	        }
+	        .campus-form-input {
+	            width: calc(100% - 70rpx);
+	            height: 100%;
+	            line-height: 100rpx;
+	            font-size: 32rpx;
+	        }
+	    }
+	    .campus-form-btn {
+	        background-color: #ffe455;
+	        border-radius: 10rpx;
+	        line-height: 100rpx;
+	        font-size: 36rpx;
+	        color: #6a4902;
+	        margin-top: 40rpx;
+	        box-shadow: 4rpx 4rpx 6rpx #c62024;
+	    }
+	    .login-box {
+	        line-height: 90rpx;
+	        padding: 0 10rpx;
+	        box-sizing: border-box;
+	        color: #FFFFFF;
+	        font-size: 32rpx;
+	        text-align: center;
+	    }
+	}
+</style>