u-popup 关闭按钮的坑

<u-popup :show="addDmShow" mode="bottom" @close="addDmShow = false" :closeable="true" :closeOnClickOverlay="true">
           <view class="add_dm_box">
               <uni-forms ref="signUpform" :value="signUpformData" :rules="rules">
                   <uni-forms-item name="dm">
                       <u--textarea placeholder="请输入弹幕内容" border="none" v-model="signUpformData.dm"></u--textarea>
                   </uni-forms-item>
                   <view class="operate_box">
                       <button type="warn" @tap="submitForm">发送弹幕</button>
                   </view>
               </uni-forms>
           </view>    
        </u-popup>

.add_dm_box{
    padding: 60rpx 30rpx; //这里的上下padding一定要大，否则点不到关闭按钮（我一直以为是没有执行close回调，结果是富文本框把按钮盖住了，并且从视觉上并没有遮挡）
}

 

显示关闭按钮的弹框组件，内部的自定义内容一定要有足够的padding距离，否则无法点击到关闭按钮。