随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

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距离,否则无法点击到关闭按钮。

 

posted on   小虾米吖~  阅读(2235)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」

点击右上角即可分享
微信分享提示