小程序自定义弹窗
发布时间:2020-12-16 23:25:12 所属栏目:百科 来源:网络整理
导读:wxml view class=‘cardNum‘? text catchtap=‘showDialogBtn‘解除绑定/text /view !--弹窗--view class = " modal-mask " bindtap= " hideModal " catchtouchmove= " preventTouchMove " wx:if="{{showModal}}" /viewview class = " modal-dialog " wx:if
wxml
<view class=‘cardNum‘>?
<text catchtap=‘showDialogBtn‘>解除绑定</text>
</view>
wxss
.cardNum text{
background: white;
float: right;
padding: 5rpx 10rpx;
border-radius: 8rpx;
font-size: 24rpx;
color:#a53533;
margin-right: 30rpx;
}
wxjs Page({ data: { cardList: [ ], showModal: false, },showDialogBtn: function () { var that = this that.setData({ showModal: true }) },/** * 弹出框蒙层截断touchmove事件 */ preventTouchMove: function () { },/** * 隐藏模态对话框 */ hideModal: function () { var that = this that.setData({ showModal: false }); },onLoad: function (options) { },onShow: function () { } }) ? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |