<template>
	<u-popup :show="show" mode="bottom"  @close="onClose" :round="20">
        <view class="box">
            <view class="header flex">
				<text>{{title}}</text>
				<u-icon name="close" @click="onClose"></u-icon>
			</view>
            <view>
				<view v-for="(item,index) in data" :key="index+''" class="flex-col my">
					<u-button>{{item}}</u-button>
				</view>
			</view>
        </view>
	</u-popup>
</template>
<script>
  export default {
	props:["show","data","title"],
    data() {
      return {
		
      }
    },
    methods: {
      onClose(){
		  this.$emit("onClose");
	  },
    }
  }
</script>

<style lang="scss" scoped>
	.my{
		margin:12rpx 0;
	}
	.flex{
		display: flex;
	}
	.header{
		justify-content: space-between;
		padding: 32rpx 0;
	}
	.box{
		height: 440rpx;
		padding: 0 40rpx;
	}
</style>