修改 uni-popup 弹出层的圆角

重要:修改圆角其实不是修改 uni-popup 的圆角 ,修改的是 uni-popup 上view 标签的圆角 只是把 uni-popup组件的背景设置成透明 将 uni-popup上面的view设置成白色背景在设置圆角

// background-color="rgba(0,0,0,0)" //将uni-popup设置成透明 
// :safeArea='false' 关闭底部留底
<uni-popup ref="popup" background-color="rgba(0,0,0,0)" :safeArea='false' >
    <view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"><text
						class="text">popup 内容</text></view>
</uni-popup>

将 uni-popup 里面的 view 标签设置白色背景 圆角

.popup-content{
    border-top-left-radius: 30rpx;
    border-top-right-radius: 30rpx;
    background: #fff;    
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值