bolinscreening-miniapp/pages/login/index.vue

<template>
	<div class="content">
		<!-- <div class="title">登录</div>
		<div class="cell-group">
			<div class="cell-item"><input type="number" :value="form.mobile" :maxlength="11" placeholder="手机号" @input="inputMobile" /></div>
			<div class="cell-item">
				<input type="number" :value="form.sms_code" :maxlength="6" placeholder="验证码" @input="inputCode" />
				<span class="send-code" @click="sendCode()">{{timeNum || '获取验证码'}} <i v-if="timeNum > 0">s</i></span>
			</div>
		</div>
		<div class="login-btn" @click="login()">登录</div> -->
		<img v-if="imgUrl" :src="imgUrl + 'bl_login_img.png'" />
		<button class="wx-login-btn" plain hover-class="none" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">手机号授权登录</button>
	</div>
</template>

<script>
import methods from './methods.js';
export default {
	data() {
		return {
			imgUrl: '',
			form: {
				mobile: '',
				sms_code: ''
			},
			timeNum: 0
		};
	},
	onLoad(options) {
		let app = getApp();
		this.imgUrl = app.globalData.imgUrl;
		uni.setStorageSync('gid', options.gid || 1);
	},
	mounted() {},
	methods: {
		...methods
	}
};
</script>

<style lang="scss" scoped>
@import './style.scss';
</style>