98 lines
2.4 KiB
Vue
98 lines
2.4 KiB
Vue
<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://wechat-img-file.oss-cn-beijing.aliyuncs.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://wechat-img-file.oss-cn-beijing.aliyuncs.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> |