<template>
	<view class="container">
		<view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
			<view class="searchBox_add">
				<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
			</view>
		</view>

		<div class="myRealEstate">
			<div class="myRealEstates">
				<image src="https://static.hshuishang.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
				<div class="name">滏阳锦苑</div>
				<div class="Visitor">访客身份 点击立即入驻本社区</div>
			</div>
		</div>

		<div class="tabList">
			<div @click="changeTab(0)" :class="active == 0 ? 'active' : ''">全部公告</div>
			<div @click="changeTab(1)" :class="active == 1 ? 'active' : ''">安全消防</div>
			<div @click="changeTab(2)" :class="active == 2 ? 'active' : ''">小区通知</div>
			<div @click="changeTab(3)" :class="active == 3 ? 'active' : ''">社区活动</div>
			<div @click="changeTab(4)" :class="active == 4 ? 'active' : ''">党建</div>
		</div>

		<div class="ConList">
			<div class="ConItem" v-for="item in 3" @click="desc">
				<div class="ConItem_left">
					<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
				</div>
				<div class="ConItem_right">
					<div class="ConItem_right_tit">关于小区停车场治理通告</div>
					<div class="ConItem_right_time">2025年5月27日 11:14:29</div>
					<div class="ConItem_right_msg">
						<div class="ConItem_right_msg2">
							最新
						</div>
						<div class="ConItem_right_msg1">
							置顶
						</div>
					</div>
				</div>
			</div>
		</div>

	</view>

</template>

<script>
import {
	request,
	picUrl,
	uniqueByField,
	menuButtonInfo,
	NavgateTo
} from '../../../utils';
import {
	apiArr
} from '../../../api/community';


export default {
	data() {
		return {
			top: "",
			localHeight: "",
			active: 0
		}
	},
	onLoad(options) {
		const meun = menuButtonInfo();
		this.top = meun.top;
		// this.top = meun.height + meun.top;
		this.localHeight = meun.height;
	},


	methods: {
		changeTab(index) {
			this.active = index;
		},
		back() {
			uni.navigateBack({
				delta: 1
			});
		},
		desc(){
			NavgateTo('../noticeDesc/index');
		},
	},


}
</script>

<style>
@import url("./index.css");
</style>