解决uniapp开发中使用popup弹出层圆角以及底部安全区适配问题

众所周知,uniapp中开发使用popup弹出层一般要设置圆角,但是该组件只提供了设置背景颜色以及圆角功能,两者同时开启没有效果,只能选择其一,但是我们日常开发中,一般都是两者都要设置,官方文档中指出:

写的也是浑水摸鱼,没有解决实际问题

话不多说上解决方案:

1、不设置popup的背景颜色,并且把 安全区设置为 :safe-area="false",给自定义的元素设置背景颜色和圆角

2、给自定义的元素设置底部安全距离 padding-bottom: env(safe-area-inset-bottom);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值