<template>
	<view class="mine-container">
		<view class="placeholder">
			<text class="icon">👤</text>
			<text class="text">我的页</text>
			<text class="subtext">功能开发中...</text>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'
</script>

<style lang="scss" scoped>
.mine-container {
	min-height: 100vh;
	background: #f5f6f8;
	display: flex;
	align-items: center;
	justify-content: center;
	
	.placeholder {
		text-align: center;
		
		.icon {
			font-size: 120rpx;
			display: block;
			margin-bottom: 24rpx;
		}
		
		.text {
			font-size: 36rpx;
			color: #333333;
			font-weight: 600;
			display: block;
			margin-bottom: 12rpx;
		}
		
		.subtext {
			font-size: 26rpx;
			color: #999999;
		}
	}
}
</style>
