<template>
	<view class="">
		<u-popup :show="popupShow" :round="10" mode="bottom" @close="closeFilter" @open="optionFilter"  :closeable="true">
			<view class="popup-wrap">
				<!-- title -->
				<text class="popup-header">{{popupTitle}}</text>	
				<view class="popup-content">
					<slot name="contentTop"></slot>
					<!-- 主要内容 -->
					<view class="popup-scroll"  :style="{maxHeight: maxHeight}">  
						 <slot name="content"></slot>
					</view>
					<slot name="contentBot">
					</slot>
				</view>
				<!-- 底部定位 -->
				<view class="popup-footer">
					<slot name="footer"></slot>
				</view>
				
			</view>
		</u-popup>
	</view>
	
</template>
<script>
	import { EventBus } from "@/shopro/eventBus/eventBus.js";
	export default {
		props:{
			popupTitle:{
				type: String
			},
			popupShow: {
				type: Boolean,
				default: ''
			},
			maxHeight:{
				type:String
			}
		},
		data() {
			return {
				
			}
		},
		methods:{
			optionFilter(){
			},
			closeFilter(){
				EventBus.$emit("closePop", false);
			}
		}
	}
</script>