<template>
	<view class="container">
		<view class="header">
			<text class="settings-icon" @click="goToSettings">⚙️</text>
		</view>
		<button class="login-btn" @click="goToLogin">登录</button>
	</view>
</template>

<script setup>

const goToLogin = () => {
	uni.navigateTo({
		url: '/pages/login/login'
	})
}

const goToSettings = () => {
	uni.navigateTo({
		url: '/pages/settings/settings'
	})
}
</script>

<style scoped>
.container {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f5f5f5;
}

.header {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 20rpx 30rpx;
}

.settings-icon {
	font-size: 48rpx;
}

.login-btn {
	width: 300rpx;
	height: 80rpx;
	line-height: 80rpx;
	background-color: #007AFF;
	color: #FFFFFF;
	font-size: 28rpx;
	border-radius: 40rpx;
	margin-top: 200rpx;
}
</style>
