小程序封装原生弹框组件(一个弹框,点击确定关闭弹框,有需要的直接复制哦)
<!-- 成功后弹框 -->
<van-popup show="{
{ onePop }}" round >
<view class="succpop">
<view class="pop_title">温馨提示</view>
<view class="pop_content">{
{onePopMsg}}</view>
<view class="bott_btn" bindtap="closeSUcc">确定</view>
</view>
</van-popup>
// components/pop/pop.js
Component({
/**
* 组件的属性列表
*/
properties: {
onePop:Boolean,
onePopMsg:String,
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
// 多个按钮
closeSUcc(){
this.setData({
succePop:false
})
},
}
})
.succpop {
width: 707rpx;
}
.succpop .pop_title {
text-align: center;
margin: 40rpx 0;
font-size: 37r