移动端可拖动向下弹窗组件

今天有一個這樣的需求，把一个form表单全部放在向下的彈出框内，填完需要的信息就收上去，但不完全收起来，留一部分在外面。要让人一看就知道这是可以收缩的，但是都没有好用的组件，于是把别人的组件魔改了一下。下面上代码（效果图我放在最下面）

<template>
	<view class="popup-box" :class="{ show: openPopup }" :style="{'zIndex':zIndex}" hover-stop-propagation
		@touchmove.stop.prevent>

		<view class="mask" @touchmove.stop.prevent @tap.stop="close" :class="{success:isSuccess,error:!isSuccess}">
		</view>
		<view class="popup-cont" style="background-color: azure;" :style="[{
				height:height
			}, customStyle,movestyle]" @touchmove.stop.prevent>

			<view style="flex:1;" @touchmove.stop.prevent>
				<slot />
			</view>
			<view class="closehead" :style="customHeadStyle" @touchstart.stop&#