<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2022-04-19 14:58:23
	 */
	import {
		ref
	} from 'vue'
	import config from '@/config.js'
	import {
		delToken
	} from '@/tool/member.js'
	const login_ref = ref(null)
	const loginRef = (e) => {
		login_ref.value = e
	}
	const quitClick = () => {
		delToken()
		login_ref.value.getUserInfo()
	}
</script>
<template>
	<Login :ref="loginRef"></Login>
	<view class="home_wrapper u-text-center">
		<view class="home_logo_wrapper">
			<u-image width="200rpx" height="200rpx" src="/static/logo.png"></u-image>
		</view>
		<view class="home_title_wrapper">{{ config.title }}</view>
		<view class="quit_button_wrapper">
			<u-button @click="quitClick()">退出登录</u-button>
		</view>
	</view>
</template>
<style scoped>
	.quit_button_wrapper {
		margin-top: 30rpx;
	}

	.home_title_wrapper {
		margin: 10rpx 0;
	}

	.home_logo_wrapper {
		width: 200rpx;
		height: 200rpx;
		margin: 0 auto;
	}

	.home_wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
</style>
