zh_order_food_xcx/pages/login/index.vue

<template>
	<view class="flex-common-css">
		<Nav :leftShow='false' :customNav='true' title="" bgckgroundBox='rgba(51,51,51,0.6)'></Nav>
		<view class="bgc-3-6 flex-1 flex-direction authorization iPhone-bottom">
			<view
				class="authorization-box flex-direction flex-justify-end bgc-f b-rad-20-20-0-0 p-40-32 box-border-box">
				<view class="text-align-center fs-36 fc-3 mb-30 fw-500">
					服务协议与隱私政策概
				</view>
				<view class="authorization-text mb-24 fs-28 fc-6">
					感谢您使用喜茶小程序。我们非常重视您的个人信息和隐私保护，我们深知个人信息对您的重要性，因此，我们将竭尽全力保障您的隐私信息安全。我们承诺，未经您的同意，不会从第三方获取，共享或向第三方提供您的隐私信息。我们致力于维护您对我们的信任，将按业界成熟的安全标准，采取各种安全保护措施及配套的管理体制来保护您的个人信息。所提供的产品及服务分为基础业务和拓展业务。我们产品及服务中关于点单、外卖配送的功能为基础业务，即通过喜茶GO
					App或小程序完成点 二、我们产品或服务中一部分的拓展业务是基于手机账号实现．当您使用点单、外卖基础业务及除点单、外卖以外的坏屏防能叶面西林但你的垣和土林收佳个人信自
				</view>
				<view class="but-box mb-8 ptb-22 text-align-center but-c fs-32 fc-f b-rad-200" @click="login">
					同意
				</view>
				<view class="but-box ptb-22 text-align-center fs-32 fc-6" @click="refuse">
					不同意
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import tools from "@/service/tools";
	import {
		commonRegisterSms
	} from '@/api/common.js';
	import {
		membeRphoneLogin
	} from "@/api/member";
	import {
		getAgreement
	} from "@/api/common.js";

	export default {
		data() {
			return {
				isFlag: false,
				isAjax: false,
				from: {
					code: "",
					system_type: '',
					phone: '',
					sms_code: '',
					invite_code: ''
				},
				isCode: false,
				codeText: '获取验证码',
				codeNUm: 0,
				isPop: false,
				html: '',
				agreementData: []
			};
		},
		onLoad(data) {
			console.log(data);
		},
		mounted() {},
		methods: {
			refuse() {
				// #ifdef MP-WEIXIN
				// 微信小程序平台
				wx.exitMiniProgram({
					success: (res) => {}
				});
				// #endif
				// #ifdef MP-ALIPAY
				// 支付宝小程序
				my.exitMiniProgram({
					success: (res) => {}
				});
				// #endif
			},
			login() {
				uni.setStorageSync('token', 165165165156)
				uni.setStorageSync('m_id', 88)
				uni.reLaunch({
					url: "/pages/index/index",
				});
				return
				if (this.isAjax) {
					return false;
				}
				this.isAjax = true;
				uni.login({
					//#ifdef MP-WEIXIN
					provider: "weixin",
					//#endif
					//#ifdef MP-QQ
					provider: "qq",
					//#endif
					success: (loginRes) => {
						this.from.code = loginRes.code;
					},
					fail: (loginRes) => {
						this.isAjax = false;
						tools.error("获取授权信息失败");
					},
				});
			},
			noLogin() {
				uni.switchTab({
					url: "/pages/index/index",
				});
			},
			async getUserInfo() {
				this.from.invite_code = uni.getStorageSync('iCode');
				const res = await membeRphoneLogin(this.from);
				if (res.code == 1) {
					uni.setStorageSync('token', res.data.token)
					uni.setStorageSync('m_id', res.data.m_id)
					tools.success("授权成功");
					setTimeout(() => {
						uni.switchTab({
							url: "/pages/index/index",
						});
					}, 1000);
				} else {
					this.isAjax = false;
					tools.error(res.msg);
				}
			},
		},
	};
</script>

<style scoped lang="scss">
	.authorization {
		position: relative;
	}

	.authorization-box {
		width: 100%;
		height: auto;
		max-height: 69%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.authorization-text {
		width: 100%;
		max-height: 62%;
		overflow: auto;
	}

	.but-box {
		width: 100%;
	}

	.but-c {
		background: linear-gradient(270deg, #FF3333 0%, #FE6122 100%);
	}
</style>