效果如图:
代码如下:
<u-popup :show="sign.signParams.show" mode="left" width="100%" height="100%" border-radius="0"
:mask-close-able="false">
XXXXXXX内容xxxxx
</u-popup>
使用了 mode=“left” ,表示弹窗从左侧窗口弹出 默认左侧弹出距离右侧是有一定距离的。文章来源:https://www.toymoban.com/news/detail-758542.html
现在业务需求需要将弹窗铺满屏幕,文档中找了很久都没这个属性 只能去改css样式!!样式如下:文章来源地址https://www.toymoban.com/news/detail-758542.html
.u-popup .u-slide-left-enter-active {
right: 0;
}
/deep/.u-popup .u-slide-left-enter-active
到了这里,关于uniapp uview实现u-popup左侧弹起时铺满屏幕的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!