uni-app使用u-popup

1.开发环境 uni-app+uView
2.电脑系统 windows10专业版
3.在使用uni-app+uView开发的过程中,如果使用u-popup组件,下面我来分享一下使用方法和遇到的问题,希望对你有所帮助。
4.废话不多说,直接上效果图:

注意:这一块的数据是可以滚动的。

5.如何实现呢?下面我来一步一步的讲解,在template中添加如下代码:

提交

6.在 style中添加如下代码:

.chen-alter /deep/ .u-mode-center-box {
width: 90% !important;
box-sizing: border-box;
}

.chen-alter /deep/ .uni-scroll-view-content {
height: 900rpx;
box-sizing: border-box;
#chenuserform {
width: 90%;
margin: 90rpx auto 0 auto;
box-sizing: border-box;
.u-form-item--left {
flex: 0 0 170rpx !important;
}
}
}

/deep/ .chen-scroll {
height: 740rpx;
}

.chensubmit {
@include publicbutton;
bottom: 4%;
}

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰!