uniapp-ZHSQ/packages/community/index/index.vue

<template>
	<div class="container">
		<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
			<div class="searchBox_add">
				<div class="emptyCommunity" @click="addCommunity"> {{communityVal}} </div>
				<div class="MyCommunity" v-if="false">
					<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/community_mycommunity.png"
						mode="aspectFill"></image>
					<span>惠生活</span>
					<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
				</div>
			</div>
		</div>

		<div class="swiperBox1">
			<swiper>
				<swiper-item>
					<image src="http://192.168.0.172:5500/test.png"></image>
				</swiper-item>

				<swiper-item>
					<image src="http://192.168.0.172:5500/test.png"></image>
				</swiper-item>
			</swiper>

			<div class="dot">
				<div class="dotItem"></div>
				<div class="dotItem active"></div>
			</div>
		</div>

		<div class="swiperBox2">
			<swiper>
				<swiper-item>
					<image src="http://192.168.0.172:5500/com_communityNav.png"></image>
				</swiper-item>

				<swiper-item>
					<image src="http://192.168.0.172:5500/com_communityNav.png"></image>
				</swiper-item>
			</swiper>
		</div>

		<div class="funcList">
			<div class="funcItem" v-for="item in functionList" @click="jump(item.link)">
				<image :src="item.url"></image>
				{{ item.name }}
			</div>
		</div>

		<div class="ads">
			<image src="http://192.168.0.172:5500/com_communityNav.png" mode="aspectFill"></image>
		</div>

		<div class="ads">
			<image src="http://192.168.0.172:5500/com_communityNav.png" mode="aspectFill"></image>
		</div>

		<div class="tabs">
			<div class="tabItem active2">物业公告</div>
			<div class="tabItem">天气</div>
			<div class="tabItem">放假时间</div>
			<div class="tabItem">送饭</div>
		</div>

		<div class="newsList">
			<div class="newsItem" v-for="item in 4">
				<div class="newsItem_left">
					<div class="newsItem_left_tit">关于小区停车场治理通告</div>
					<div class="newsItem_left_sub">高尚</div>
				</div>
				<div class="newsItem_right">
					<image src="http://192.168.0.172:5500/test.png"></image>
				</div>
			</div>
		</div>

		<div class="tips">下拉加载后续10条，共计30条</div>

		<div class="bigAds" v-if="ads1Show">
			<div class="bigAdsCon">
				<div class="bigAdsCon_img">
					<image src="http://192.168.0.172:5500/test.png"></image>
				</div>
				<div class="close" @click="closeAds">
					<image src="http://192.168.0.172:5500/com_close.png"></image>
				</div>
			</div>
		</div>

		<div class="bigAds" v-if="ads2Show">
			<div class="bigAdsCon2">
				<div class="bigAdsCon2_img">
					<image src="http://192.168.0.172:5500/test.png"></image>
				</div>
				<div class="AdsBtnList">
					<div class="AdsBtnItem1" @click="closeAds">取消</div>
					<div class="AdsBtnItem2">了解详情</div>
				</div>
			</div>
		</div>
		<nav-footer :current="1" />
	</div>
</template>

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

	import {
		apiArr
	} from '../../../api/v2Community';


	export default {
		data() {
			return {
				communityVal:'添加我的房产',
				picUrl,
				top: "",
				localHeight: "",
				queryPage: {
					page_num: 1,
					page_size: 10,
				},
				communityList: [],
				flag: false,

				functionList: [{
						name: "报事报修",
						link: "",
						url: "http://192.168.0.172:5500/com_homeIcon1.png",
					},
					{
						name: "物业缴费",
						link: "/packages/community/propertyPayment/index",
						url: "http://192.168.0.172:5500/com_homeIcon2.png",
					},
					{
						name: "物业公积",
						link: "/packages/community/providentFund/index",
						url: "http://192.168.0.172:5500/com_homeIcon3.png",
					},
					{
						name: "物业公积",
						link: "",
						url: "http://192.168.0.172:5500/com_homeIcon4.png",
					},
					{
						name: "物业服务",
						link: "",
						url: "http://192.168.0.172:5500/com_homeIcon5.png",
					},
				],

				ads1Show: false,
				ads2Show: false,
			}
		},
		onLoad(options) {
			const meun = menuButtonInfo();
			this.top = meun.top;
			// this.top = meun.height + meun.top;
			this.localHeight = meun.height;
			// this.getCommunityList()
			this.communityVal = uni.getStorageSync('changeCommName')
		},


		methods: {
			desc() {
				NavgateTo("../communityDetail/index")
			},
			apply() {
				NavgateTo("../applyOwer/index")
			},
			closeAds() {
				this.ads1Show = false
				this.ads2Show = false
			},
			jump(e) {
				console.log(e);
				NavgateTo(e)
			},

			addCommunity() {
				NavgateTo("/packages/community/myCommunity/index")
			},

			// getCommunityList() {
			// 	let that = this
			// 	request(apiArr.getCommunityList, 'POST', {
			// 		page_num: that.queryPage.page_num,
			// 		page_size: that.queryPage.page_size,
			// 		user_id:""
			// 	}).then(res => {
			// 		console.log(res)
			// 		if (res.rows.length == that.queryPage.page_size) {
			// 			that.queryPage.page_num++
			// 			that.flag = true
			// 			that.communityList = that.communityList.concat(res.rows)
			// 		}else{
			// 			that.flag = false
			// 			that.communityList = that.communityList.concat(res.rows)
			// 		}
			// 	})
			// },
		},


	}
</script>

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