<!-- 同城 -->
<template>
	<view class="container">
		<!-- 帖子列表循环模板 -->
		<!-- <postList :itemInfo="item" :indexNumber="index" :indexShow="indexShow" @operationShow="operationShow" @getover="getover" v-for="(item, index) in homeList"
		 :key="index"></postList> -->
		<post-list v-for="(item,index) in citywideList" :itemInfo="item" :indexNumber="index" :indexShow='indexShow' @getover="getover" @operationShow="operationShow" :key="index"></post-list>
	</view>
</template>
<script>
	import App from '@/common/js/app.js'
	import postList from '@/components/template/postList'
	export default {
		data() {
			return {
				indexShow: -1,
			}
		},
		props: {
			citywideList: {
				type: Array,
				default: function() {
					return []
				}
			}
		},
		components: {
			postList
		},
		computed: {

		},
		onShow() {

		},
		mounted() {

		},
		methods: {
			operationShow(e) {
				let _this = this;
				_this.indexShow = e;
			},
			getover(id,bor){
				this.$emit('getaver',id,bor)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		background-color: #f6f6f6;
		padding: 10upx 30upx;
	}

	.city-wide-item {
		.city-wideheader {
			.wideheader-left {
				width: 80upx;
				height: 80upx;
				background-size: 80upx 80upx;
				background-repeat: no-repeat;
				border-radius: 50%;
				flex-shrink: 0;
			}

			.wideheader-right {
				.wideheader-right-top {
					.wide-onename {
						padding: 4upx 16upx;
						border-radius: 30upx;
						background-color: #ffeded;
						color: #df231c;
					}
				}

				.wideheader-right-bottom {
					.header-stick {
						border-radius: 4upx;
						background-color: #fe433f;
						color: #fff;
						padding: 0 10upx;
					}
				}
			}

			.callMobile {
				position: absolute;
				right: 0;
				top: 0;
				z-index: 2;
				padding: 0 20upx 0 16upx;
				height: 40upx;
				line-height: 40upx;
				border-radius: 30upx;
				background: linear-gradient(90deg, #ff8032, #fe453f);
			}
		}

		.city-content {
			.city-imageList {
				.city-imageItem {
					width: 220upx;
					height: 220upx;

					&>image {
						width: 100%;
						height: 100%;
						border-radius: 4upx;
					}
				}
			}

			.city-wide-detail {
				.city-wide-detail-right {
					.detail-comment {
						.iconfont-size {
							font-size: 36upx;
						}
					}
				}
			}
		}
	}
</style>
