<template>
	<view class="container">
		<view class="header">
			<text class="title">社区</text>
		</view>
		
		<view class="content">
			<view class="placeholder">
				<text class="placeholder-text">🏘️</text>
				<text class="placeholder-title">社区功能</text>
				<text class="placeholder-desc">酒友交流社区正在建设中...</text>
			</view>
		</view>
	</view>
</template>

<script>
	// 移除权限检查，游客可正常访问社区页面
	
	export default {
		name: 'Community',
		onLoad() {
			console.log('社区页面加载')
		},
		onShow() {
			// 更新自定义tabBar选中状态
			this.updateTabBar()
		},
		methods: {
			// 更新tabBar选中状态
			updateTabBar() {
				try {
					if (typeof this.getTabBar === 'function' && this.getTabBar()) {
						this.getTabBar().updateSelected(1) // 社区索引为1
					}
				} catch (error) {
					console.log('更新tabBar状态失败:', error)
				}
			},
			
			// 移除权限检查方法，游客可正常访问社区页面
		}
	}
</script>

<style lang="scss" scoped>
.container {
	min-height: 100vh;
	background: #f5f5f5;
	padding: 20rpx;
}

.header {
	padding: 30rpx 0;
	text-align: center;
	
	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
	}
}

.content {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
}

.placeholder {
	text-align: center;
	padding: 60rpx;
	
	.placeholder-text {
		font-size: 120rpx;
		display: block;
		margin-bottom: 30rpx;
	}
	
	.placeholder-title {
		font-size: 32rpx;
		color: #333;
		font-weight: bold;
		display: block;
		margin-bottom: 20rpx;
	}
	
	.placeholder-desc {
		font-size: 28rpx;
		color: #666;
		display: block;
	}
}
</style>
