<template>
	<my-mask :show="modelValue">
		<view class="bg-fff content">
			<view class="u-flex u-row-between u-p-30">
				<view>选择分类</view>
				<view>
					<uni-icons @click="changeShow" type="closeempty"></uni-icons>
				</view>
			</view>
			<scroll-view scroll-y="true" style="height: 70vh;">
				
			</scroll-view>
			<view class="u-flex u-row-between gap-20 u-p-30">
				<view class="u-flex-1">
					<my-button type="cancel" @tap="changeShow">取消</my-button>
				</view>
				<view class="u-flex-1">
					<my-button>确定</my-button>
				</view>
			</view>
		</view>
	</my-mask>
</template>

<script setup>
	const props=defineProps({
		modelValue:{
			type: Boolean,
			default: false
		}
	})
	const emits=defineEmits(['update:modelValue'])
	function changeShow(isShow){
		const show=isShow?true:false
		emits('update:modelValue',show)
	}
</script>

<style lang="scss" scoped>
	.content{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
</style>