??今天小編就帶大家來共同學(xué)習(xí)如何在微信小程序中顯示模態(tài)彈窗?希望可以幫助到有需要的小伙伴哦，下面就是詳細(xì)完整的操作步驟。

?組件說明:

??顯示模態(tài)彈窗

??wx.showModal(OBJECT)

??組件用法：

??wxml

??<view?class="page">

??<view?class="page__hd">

??<text?class="page__title">modal</text>

??<text?class="page__desc">模式對話框</text>

??</view>

??<view?class="page__bd">

??<view?class="btn-area">

??<button?type="default"?bindtap="showModel1">簡單設(shè)定的modal</button>

??<button?type="default"?bindtap="showModel2">全部自定義設(shè)定的modal2</button>

??</view>

??</view>

??</view>

??復(fù)制代碼

??js

??Page({

??data:?{

??},

??showModel1:function(){

??wx.showModal({

??title:?\'提示\',

??content:?\'這是一個簡單設(shè)置的彈窗\',

??success:?function(res)?{

??if?(res.confirm)?{

??console.log(\'用戶點(diǎn)擊確定\')

??}

??}

??})

??},

??showModel2:function(){

??wx.showModal({

??title:?\'提示\',

??content:?\'這是一個設(shè)定過全部屬性模態(tài)彈窗\',

??showCancel:?true,

??confirmText:\'好的\',

??confirmColor:\'#FF0000\',

??cancelText:?\'算了\',

??cancelColor:\'#999999\',

??success:?function(res)?{

??if?(res.confirm)?{

??console.log(\'用戶點(diǎn)擊確定\');

??}else{

??console.log(\'用戶點(diǎn)擊取消\');

??}

??},

??fail:function(){

??console.log(\'接口調(diào)用失敗\');

??},

??complete:function(){

??console.log(\'接口調(diào)用結(jié)束\')

??}

??})

??},

??})

??復(fù)制代碼

??wxss

??.page?{

??min-height:?100%;

??flex:?1;

??background-color:?#FBF9FE;

??font-size:?32rpx;

??font-family:?-apple-system-font,Helvetica?Neue,Helvetica,sans-serif;

??overflow:?hidden;

??}

??.page__hd{

??padding:?50rpx?50rpx?100rpx?50rpx;

??text-align:?center;

??}

??.page__title{

??display:?inline-block;

??padding:?20rpx?40rpx;

??font-size:?32rpx;

??color:?#AAAAAA;

??border-bottom:?1px?solid?#CCCCCC;

??}

??.page__desc{

??display:?none;

??margin-top:?20rpx;

??font-size:?26rpx;

??color:?#BBBBBB;

??}

??.btn-area{

??padding:?0?30px;

??}

??.btn-area?button{

??margin-top:?20rpx;

??margin-bottom:?20rpx;

??}

??復(fù)制代碼

?以上就是如何在微信小程序中顯示模態(tài)彈窗的全部內(nèi)容了，大家都學(xué)會了嗎?

最后，小編給您推薦，如果您不想讓您的文檔被其他人查看，您可以使用金山毒霸“文件夾加密”，讓文檔更加安全。