index.vue 2.4 KB
Newer Older
芊里 已提交
1
<template>
DCloud_JSON's avatar
DCloud_JSON 已提交
2
	<view class="content">
3 4 5 6 7 8 9 10
		<!-- 顶部文字 -->
		<text class="title">登陆后即可展示自己</text>
		<uni-agreements @setAgree="agree = $event"></uni-agreements>
		<!-- 登录框 -->
		<input type="number" class="input-box" :inputBorder="false" v-model="phone" maxlength="11" placeholder="请输入手机号"/>
		<button class="get-code" :class="{isPhone}" :disabled="!isPhone" :type="isPhone?'primary':'default'"
			@click="sendShortMsg">获取短信验证码</button>
		<text class="tip">未注册的手机号验证通过后将自动注册</text>			
L
linju 已提交
11
		<!-- 登录按钮弹窗 -->
12
		<uni-quick-login :agree="agree" ref="uniQuickLogin"></uni-quick-login>
芊里 已提交
13 14 15
	</view>
</template>

L
23  
linju 已提交
16 17
<script>	
var univerify_first,currentWebview;//是否一键登陆优先
L
123  
linju 已提交
18
	export default {
芊里 已提交
19
		data() {
20 21 22
			return {
				phone:"",
				agree:false
L
linju 已提交
23
			}
L
23  
linju 已提交
24
		},
25 26 27 28 29 30
		computed: {
			isPhone(){
				return /^1\d{10}$/.test(this.phone);
			}
		},
		onLoad(e) {
DCloud_JSON's avatar
DCloud_JSON 已提交
31
			//是否优先启动一键登陆。即:页面一加载就启动一键登录
L
23  
linju 已提交
32 33 34 35 36 37
			univerify_first = e.univerify_first
			//#ifdef APP-PLUS
			if(univerify_first){
				const pages = getCurrentPages();
				currentWebview = pages[pages.length - 1].$getAppWebview();
				currentWebview.setStyle({
DCloud_JSON's avatar
DCloud_JSON 已提交
38
					"top":"2000px"		//隐藏当前页面窗体
L
23  
linju 已提交
39
				})
L
21  
linju 已提交
40
			}
L
23  
linju 已提交
41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
			//#endif
		},
		onReady() {
			//#ifdef APP-PLUS
			if(univerify_first){
				console.log('开始一键登陆');
				setTimeout(()=>{
					this.$refs.uniQuickLogin.login('univerify')
				},100)
				setTimeout(() => {
					currentWebview.setStyle({
						titleNView:{
							autoBackButton:true,
							backgroundColor:"#FFFFFF"
						}
					})
					currentWebview.setStyle({
						"top":"0"
					})
				}, 1500);
			}
			//#endif
		},
L
linju 已提交
64
		methods: {
65 66 67 68 69 70 71
			sendShortMsg() {
				if(!this.agree){
					return uni.showToast({
						title: '你未同意隐私政策协议',
						icon: 'none'
					});
				}
DCloud_JSON's avatar
DCloud_JSON 已提交
72
				// 发送验证吗
L
123  
linju 已提交
73
				uni.showLoading();
L
123  
linju 已提交
74
				uni.navigateTo({
DCloud_JSON's avatar
DCloud_JSON 已提交
75
					url: '/pages/ucenter/login-page/phone-code/phone-code?phoneNumber=' + this.phone,
76 77
					complete: () => {
						uni.hideLoading();
DCloud_JSON's avatar
DCloud_JSON 已提交
78
					}
L
123  
linju 已提交
79
				});
L
linju 已提交
80
			},
DCloud_JSON's avatar
DCloud_JSON 已提交
81
			//去密码登录页
L
linju 已提交
82 83
			toPwdLogin() {
				uni.navigateTo({
L
23  
linju 已提交
84
					url: '../pwd-login/pwd-login'
L
linju 已提交
85
				})
芊里 已提交
86 87 88 89 90
			}
		}
	}
</script>

91
<style lang="scss">
DCloud_JSON's avatar
DCloud_JSON 已提交
92
	@import url("../common/login-page.css");
L
123  
linju 已提交
93
</style>