<template>
	<view class="container">
		<u--image src="/static/favicon.png" width="180px" height="80px" mode="aspectFit" :fade="true" duration="450"></u--image>
		<text class="title">智慧生态</text>
	</view>
</template>

<script>
export default {
	name: 'Login',
	data() {
		return {}
	},
	onLoad() {
		this.init()
	},
	methods: {
		init() {
			uni.login({
				success: (res) => {
					// 系统登录
					this.$store
						.dispatch('Login', {
							type: 34,
							code: res.code,
							state: 'default'
						})
						.then((res) => {
							console.log('store.login', res)
						})
				}
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.container {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column nowrap;
	gap: 20px;
	background: linear-gradient(180deg, #02815b 0%, #114636 100%);
	.icon {
		width: 40vw;
		filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12));
	}
	.title {
		color: #fff;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
		font-size: 30px;
		font-weight: 400;
		letter-spacing: 2px;
	}
}
</style>