微信小程序之封装带输入框的modal组件

由于原生小程序自带modal不可输入，自己又不想因为一个可输入modal去特地引用一个ui框架，而且ui框架的组件风格并不一定和自己的项目一致，所以最后想最好的方法就自己封装两个，比较简单可供参考，之后需要用到类似的就可直接引用或在其基础上进行改动，方便多了。

组件一：

<!-- 
	wxml
	1.mask是遮罩层，防止弹窗时用户点击其他处，modalShow控制整个组件的显隐；
	2.modal是带输入框的modal容器
		2-1.getValue事件 获取输入值
		2-2.modalCancel和modalConfirm事件 取消确认操作
		2-3.hoverstyle按需可进行触碰样式设置 
-->
<view class="mask" hidden="{
    {modalShow}}">
    <view class="modal" >
        <view class="modal_top">
            <view class="t1">请输入内容</view>
            <textarea class="t2" value="{
    {modalValue}}"  bindinput="getValue"/>
        </view>
        <view class="modal_bottom">
            <view class="b1" hover-class='hoverstyle' bindtap="modalCancel">取消</view>
            <view class="b2" hover-class='hoverstyle'<