重要:修改圆角其实不是修改 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;
}