新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序 WeUI·彈窗組件
Dialog
Dialog彈窗組件。

在安順等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供做網站、成都網站建設 網站設計制作按需策劃設計,公司網站建設,企業(yè)網站建設,品牌網站設計,營銷型網站,外貿網站建設,安順網站建設費用合理。
示例代碼:
{
"usingComponents": {
"mp-dialog": "../components/dialog/dialog"
}
}
Dialog
對話框
test content
test content1
Dialog
對話框
test content
test content1
Page({
data: {
dialogShow: false,
showOneButtonDialog: false,
buttons: [{text: '取消'}, {text: '確定'}],
oneButton: [{text: '確定'}],
},
openConfirm: function () {
this.setData({
dialogShow: true
})
},
tapDialogButton(e) {
this.setData({
dialogShow: false,
showOneButtonDialog: false
})
},
tapOneDialogButton(e) {
this.setData({
showOneButtonDialog: true
})
}
});
Page({
data: {
dialogShow: false,
showOneButtonDialog: false,
buttons: [{text: '取消'}, {text: '確定'}],
oneButton: [{text: '確定'}],
},
openConfirm: function () {
this.setData({
dialogShow: true
})
},
tapDialogButton(e) {
this.setData({
dialogShow: false,
showOneButtonDialog: false
})
},
tapOneDialogButton(e) {
this.setData({
showOneButtonDialog: true
})
}
});屬性列表
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內部結構的class,可用于修改組件內部的樣式 | |
| title | string | 否 | 彈窗的標題 | |
| buttons | array | [] | 否 | 底部的按鈕組,建議最多提供兩個按鈕 |
| mask | boolean | 是 | 是否顯示蒙層 | |
| mask-closable | boolean | 是 | 點擊蒙層是否可以關閉 | |
| show | boolean | false | 否 | 是否顯示彈窗 |
| bindclose | eventhandler | 否 | 彈窗關閉的時候觸發(fā)的事件 | |
| bindbuttontap | eventhandler | 否 | buttons按鈕組點擊時觸發(fā)的事件,detail為{index, item},item是按鈕的配置項 |
buttons提供按鈕組配置,每一項表示一個按鈕,每一項的屬性為
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| extClass | string | 否 | 按鈕的額外的class,可用于修改組件內部的樣式 | |
| text | string | 否 | 按鈕的文本 |
Slot
彈窗組件只有一個默認slot用于顯示彈窗的內容
標題名稱:創(chuàng)新互聯(lián)小程序教程:微信小程序 WeUI·彈窗組件
分享路徑:http://www.dlmjj.cn/article/cdohhhi.html


咨詢
建站咨詢
