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距离,否则无法点击到关闭按钮。
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/16650034.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」